video { object-fit: cover } .waponly { display: none } .i_ttl { text-align: center; margin-bottom: 30px } .h2_sct_ttl { display: inline-block; font-size: 32px; color: #333; padding: 0 45px; margin: 0 auto; line-height: 1.1; font-weight: 400; position: relative; } .h2_sct_ttl + p { margin-top: 16px; margin-bottom: 0; color: #7B7B7B; font-size: 16px } .h2_sct_ttl:after { background-position: right 11px } .h2_sct_ttl+.fbt { color: #c3c3c3; font-size: 20px; font-weight: bold; line-height: 60px; padding: 0 25px; text-transform: uppercase } .white .h2_sct_ttl { color: #fff } .white .h2_sct_ttl:after { background-position: right -159px } .body_index{/* padding-top: 137px; */} .body_index #header{} .white .fbt { color: #fff } .ban img { visibility: hidden; width: 100%; min-width: 1920px; max-width: none } #location { padding: 0 30px 0 23px; background: url(../images/bg_lct.png) no-repeat left } #location * { font-size: 16px; color: #666; font-weight: 400 } #location a:hover { color: #B41017 } #submenu { margin: 0 0; padding: 0; background: #ffffff; border-bottom: 1px solid #EAEAEA } #submenu .box > a { display: none } #submenu ul { width: 100%; text-align: left; margin-top: 0; margin-left: -25px; } .submenu_search #submenu ul { text-align: left } .submenu_search #submenu { display: inline-block; margin: 0 auto; text-align: left } .submenu_search { text-align: center } .submenu_search #submenu li:first-child { margin-left: 0 } .submenu_search #submenu li { text-align: center; padding: 0 10px } #submenu.submenu_yx { border: none; top: 287px; position: relative; background: transparent; z-index: 999 } #submenu.submenu_yx ul { border-radius: 6px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.06); background: #fff; justify-content: space-between; display: flex; overflow: hidden } #submenu.submenu_yx ul li { flex: 1 0 auto; margin: 0; transition: all .3s } #submenu.submenu_yx ul li.active, #submenu.submenu_yx ul li:hover { background: #F63335; border: none } #submenu.submenu_yx ul li.active a, #submenu.submenu_yx ul li:hover a { color: #fff } #submenu ul li.active a { color: #F63335; font-weight: bold; } #submenu ul li a { font-size: 16px } #submenu ul li a i { display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-right: 10px } #submenu ul li a { padding: 0; transition: all .3s } #menu_left { width: 270px; border: 1px solid rgba(240, 240, 240, 1); padding: 0 25px 45px; margin-bottom: 60px; position: relative } #menu_left .h2 { margin: 0 -25px 10px; line-height: 64px; font-size: 18px; color: #030303; position: relative; padding: 0 25px; border-bottom: 1px solid rgba(223, 229, 234, 1) } #menu_left .a_collapse { position: absolute; right: 25px; top: 26px; z-index: 99 } #menu_left .a_collapse span { display: block; width: 16px; height: 1px; background: #999; margin-bottom: 4px } #menu_left .menu_depth1 li { padding-left: 13px } #menu_left .menu_depth1 li a { line-height: 36px; position: relative; color: #535353; user-select: none } #menu_left .menu_depth1 li a:hover { color: #F63335 } #menu_left .menu_depth1 li { min-height: 36px } #menu_left .menu_depth1>li ul { display: none } #menu_left .menu_depth1 li.open> ul { display: block } #menu_left .menu_depth1>li>a { font-size: 16px } #menu_left li.haschild>a:before { content: ""; display: block; position: absolute; width: 0; height: 0px; top: 5px; left: -15px; border: 5px solid transparent; border-left-color: #848484; } #menu_left li.haschild.open>a:before { border-left-color: transparent; border-top-color: #848484; top: 8px; left: -17px } #menu_left a:hover { color: #F63335 } #menu_left .haschild { position: relative } #menu_left .haschild>a { color: red } #menu_left .menu_depth2>li>a { font-size: 14px } #menu_left .menu_depth2 { margin-bottom: 15px } #menu_left .active>a { color: #F63335 !important } #menu_pop { position: absolute; top: 0; left: calc(100% - 50px); padding-left: 50px; padding-bottom: 30px; padding-right: 20px; z-index: 88; display: none; background: #fff; } #menu_pop .in { width: 844px; background: rgba(255, 255, 255, 1); box-shadow: 6px 12px 7px 0px rgba(71, 71, 71, 0.1); padding: 36px 52px; padding-right: 0; margin-left: 1px; border: 1px solid #d4d4d4; } #menu_pop .items { display: flex; flex-wrap: wrap; justify-content: flex-start; height: 600px; overflow-y: scroll; color: rgba(0, 0, 0, 0.051); transition: all .3s } #menu_pop .items::-webkit-scrollbar, #menu_pop .items::-webkit-scrollbar-thumb { width: 26px; border-radius: 13px; background-clip: padding-box; border: 10px solid transparent } #menu_pop .items::-webkit-scrollbar-thumb { box-shadow: inset 0 0 0 10px } #menu_pop .items:hover { color: rgba(0, 0, 0, 0.1) } #menu_pop .item { flex: 0 0 calc(33%); padding-right: 50px } #menu_pop .item .h3 { font-size: 16px; color: #333; padding-bottom: 12px; border-bottom: 1px solid #DBDBDB; margin-bottom: 20px } #menu_pop li { min-height: 28px } #menu_pop a { color: #7B7B7B } #menu_pop a:hover { color: #F63335 } .help_list {padding-top: 2px;clear: both;float: none;} .help_list ul { margin-bottom: 30px; border-bottom: 1px solid rgba(235, 235, 235, 1) } .help_list ul li { min-height: 69px; display: flex; align-items: center; border-top: 1px solid rgba(235, 235, 235, 1) } .help_list ul li.tmphide { display: none; } .help_list ul a { color: #535353; font-size: 16px; line-height: 1.6 } .help_list ul a:hover { color: #F63335 } #pagelist { margin: 50px auto 50px } #pagelist a:hover, #pagelist .current { color: #fff; border-color: #F63335; background: #F63335 } #pagelist > span.pageinfo { display: none } #pagelist > span, #pagelist a { line-height: 30px; display: inline-block; height: 32px; min-width: 12px; margin: 0 5px; padding: 0 10px; transition: all .2s; color: #666; font-size: 14px; border: 1px solid rgba(213, 213, 213, 1); background: #fff; text-align: center } .friendslinks .con>span { font-size: 14px; color: #fff; margin-right: 10px } .friendslinks .con>span~a { color: #717171; display: inline-block; margin: 0; margin-right: 15px; } .friendslinks .con>span~a:hover { color: #fff } .copyright { padding: 28px 0; border-top: 1px solid #383838 } .copyright * { font-size: 12px; color: #717171 } .copyright a:hover { color: #fff } .hdl_submenu ul { margin-top: 15px; text-align: center } .hdl_submenu li { display: inline-block; font-size: 16px; margin: 0 25px -1px; line-height: 70px; color: #666666; cursor: pointer; } .hdl_submenu .slick-active, .hdl_submenu .active {/* color: #F63335; *//* border-bottom: 3px solid #F63335; */ } .resultlist .searchresult { padding: 15px 0 } .searchresult:last-child { border-bottom: 1px solid rgba(229, 229, 229, 1) } .resultlist .searchresult>a { font-size: 18px; line-height: 1.8 } .resultlist .sinfo { margin-top: 10px } .resultlist .kw { color: #FF0000 } .resultlist .source1 { color: #999 } .resultlist .source1 a { color: #999 } .resultlist .pagelists { text-align: left } .reci { font-size: 13px; color: #fff; margin-top: 20px } .reci a { color: #fff; margin-right: 15px } #site-map { height: 400px } .pagelists { margin: 30px auto 64px; text-align: center; } #helpitemlist .pagelists { margin: 60px auto 10px; } .pagelists .all { padding-left: 20px } .pagelists .grp { display: inline-block } .pagelists .grp#page_left_botton { display: none; margin-bottom: 20px; } .pagelists .grp>* { transition: all .3s; color: #333; outline: 0px; border: 1px solid #d4d6dd; border-radius: 2px; margin-right: 8px; display: inline-block; padding: 6px 12px; font-size: 16px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #fff; } .pagelists .grp>.current {} .pagelists .grp>*.current, .pagelists .grp>*:hover { background: #F63335; color: #fff; border-color: #F63335 } .crumbs {text-align: right;line-height: 70px;padding-left: 20px;background: url(../images/crumb.png) no-repeat left center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} #help_main .crumbs { text-align: left; float: left; clear: both; padding-left: 0; line-height: 50px; margin-top: -16px; } .crumbs *, .crumbs { color: #7B7B7B; } .crumbs a:hover { } #pageban #searchbar { position: absolute; top: 260px; width: 100%; } #pageban #searchbar p.fl { margin: 0; margin-top: 0; color: #fff; background: #363636; display: flex; height: 150px; width: 230px; align-items: center; justify-content: center } #pageban #searchbar .t { width: 130px; height: 39px; background: rgba(0, 82, 217, 1); display: block; text-align: center; color: #fff; font-size: 14px; line-height: 39px } #pageban #searchbar .inp02 { border: none; background: #F63335; color: #fff; height: 50px; margin-left: -5px; width: 170px; text-align: center; letter-spacing: 2px; font-size: 16px } #pageban #searchbar.searchbar3 .inp02 { width: 100px } #pageban #searchbar .inp01 { line-height: 47px; border: none; padding-left: 12px; width: calc(100% - 170px); font-size: 16px } #pageban #searchbar.searchbar3 .inp01 { border: 1px solid rgba(236, 236, 236, 1) } #pageban .ban #searchbar .inp01 { font-size: 14px; width: calc(100% - 94px) } #pageban .ban #searchbar .inp02 { width: 94px; font-size: 14px } #pageban #searchbar .form_search { width: 60%; padding-top: 30px; padding-left: 33px; margin: 0 auto; } #pageban #searchbar .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0 } #pageban #searchbar + .sct_num { padding-top: 0px } .hover1 { transition: all .4s; } .hover1:hover { transform: translateY(-10px); } #bnslide { } #bnslide .slick-slide { height: auto; } #bnslide .in { background: #090a0c no-repeat center/cover; } #bnslide .in a {max-width: 100%;height: auto !important;margin: 0 auto;text-align: center;background: no-repeat center top;} #bnslide .in img { height: auto; visibility: hidden; max-width: none; line-height: 1; } #bnslide_hdl { margin-top: -110px; position: relative; } #bnslide_hdl .p1 { font-size: 18px; font-weight: bold; margin-bottom: 5px; } #bnslide_hdl .p2 { font-size: 16px; } #bnslide_hdl .item { width: 300px; height: 110px; padding: 30px; border: 1px solid rgb(255 255 255 / 10%); border-bottom: 0; /* margin-left: -1px; */ border-right: none; cursor: pointer; float: left; } #bnslide_hdl .item:hover { background: linear-gradient(45deg, #F63335, #ED7C09); } #bnslide_hdl .item p { color: #fff; } #bnslide_hdl .item:last-child { border-right: 1px solid rgb(255 255 255 / 10%); } #indexbn1 { position: relative; } #indexbn1 .dots0 { background: transparent; height: 10px; width: 100%; position: absolute; bottom: 130px; } #indexbn1 .dots0 ul { text-align: center; } #indexbn1 .dots0 li { width: 88px; height: 4px; background: #FFFFFF; opacity: 0.5; display: inline-block; margin: 0 10px; cursor: pointer; transition: all .3s; } #indexbn1 .dots0 li.slick-active { opacity: 1; position: relative } #indexbn1 .dots0 li.slick-active:after { animation: move 5s; content: ""; display: block; position: absolute; width: 0px; height: 100%; top: 0; left: 0; background: #F63335 } #indexbn1:hover li.slick-active:after { animation-play-state: paused } #index_sct1 { } #index_sct1 div { } #index_sct1 .i_ttl { } #index_sct1 h2 { } #index_sct1 .h2_sct_ttl { } #index_sct1 p { } #index_sct1 .sinfo { } #index_sct1 .container { } #index_sct1 .row.row2.gutter-30 { } #index_sct1 .in { border: 1px solid #E9E9E9; height: 340px; padding: 30px; box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 8%); transition: all .3s; } #index_sct1 .h3 { margin-top: 0; } #index_sct1 p.sinfo br { } #index_sct1 br { } #index_sct1 .p2 { text-align: center; font-size: 0; margin: 23px 0 22px; } #index_sct1 .p2 span { height: 43px; border: 1px solid #E5E5E5; display: inline-block; width: calc((100% - 8px) / 3); font-size: 14px; line-height: 42px; color: #666666; position: relative; } #index_sct1 span { } #index_sct1 .s1 { } #index_sct1 .s2 { margin: 0 4px; /* position: relative; */ } #index_sct1 .s1:before, #index_sct1 .s2:before, #index_sct1 .s2:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; top: 50%; left: -10px; background: url(../images/plus.png); margin-top: -8px; border: 2px solid #fff; box-sizing: content-box; } #index_sct1 .s2:after { left: auto; right: -10px; } #index_sct1 .s1:before { border: none; height: 14px; background: #f63335; width: 3px; margin-top: -7px; left: -1px; } #index_sct1 .s3 { } #index_sct1 .p3 { margin: 0 -30px; padding: 0 30px 20px; border-bottom: #E9E9E9 1px dashed; } #index_sct1 p.p3 span:first-child { margin-right: 28px; } #index_sct1 p.p3 strong { color: #F63335; font-weight: bold; font-size: 28px; } #index_sct1 strong { } #index_sct1 .p4 { display: flex; padding-top: 25px; } #index_sct1 .p4 a { display: inline-block; flex: 1; text-align: center; font-size: 14px; line-height: 14px; color: #666; border-right: 1px solid #ddd; } #index_sct1 .p4 a:last-child { border-right: 0; } #index_sct1 .p4 a:hover { color: #f63335; font-weight: bold; } #index_sct1 a { } #index_sct1 .a1 { } #index_sct2 { background: #F8F8F8; } #index_sct2.bgfff { background: #fff; } #index_sct2 .h3 { font-size: 20px; color: #333; } #index_sct2 .i_ttl { } #index_sct2 h2 { } #index_sct2 .h2_sct_ttl { } #index_sct2 p.sinfo { font-size: 16px; color: #666; } #index_sct2 .sinfo { } #index_sct2 .container { } #index_sct2 .row.row2.gutter-30 { } #index_sct2 .in { text-align: center; padding: 40px 30px; background: #fff; height: 394px; border: 1px solid #E9E9E9; transition: all .3s; } #index_sct2.wzdz_sct2 .in { height: 330px; padding: 20px 30px 20px; } #index_sct2.wzdz_sct2.wzyh_sct2 .in { padding: 20px; min-height: 350px; margin-top: 10px; } #index_sct2.wzdz_sct2 { padding: 65px 0; background: #fff; } #index_sct2.bggray { background: #F8F8F8 !important; } #index_sct2.wzdz_sct2 .sinfo { font-size: 16px; color: #666; line-height: 1.5; margin-top: 9px; } #index_sct2.mail_part1 .sinfo { text-align: left; line-height: 1.7; } #index_sct2.mail_part1 .in { padding: 0 29px; margin-bottom: 30px; } #index_sct2.mail_part1_wy .in { position: relative; padding: 40px; padding-left: 130px; height: 175px; } #index_sct2.mail_part1_wy .in:hover { border: 2px solid #F63335; box-shadow: 0px 0px 20px 0px rgba(246, 51, 53, 0.3); } #index_sct2.wzdz_sct2.mail_part1_wy .in i { position: absolute; left: 40px; min-height: 0; top: 60px; } #index_sct2.mail_part1_wy .in .h3 { text-align: left; margin: -10px auto 11px; } #index_sct2.mail_part1_wy .in .sinfo { } #index_sct2.mail_part1 .h3 { margin: -5px auto 20px; } #index_sct2.wzdz_sct2.wzyh_sct2 .sinfo { font-size: 14px; color: #7B7B7B; line-height: 22px; } #index_sct2.wzdz_sct2.wzyh_sct2 { background: #F8F8F8; } #index_sct2 .in:hover { box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 8%); } #index_sct2 div.in i { } #index_sct2.wzdz_sct2 .in i { display: flex; margin: 0 auto; justify-content: center; align-items: center; min-height: 166px; } #index_sct2.wzdz_sct2.wzyh_sct2 .in i { min-height: 180px; } #index_sct2.wzdz_sct2.wzyh_sct2 .h3 { margin: 14px auto 18px; } #index_sct2 i { display: block; } #index_sct2 div.in img { } #index_sct2 img { } #index_sct2 .h3 { } #index_sct2 .p2 { font-size: 14px; /* font-family: Microsoft YaHei; */ font-weight: 400; color: #7B7B7B; line-height: 20px; } #index_sct2 a { } #index_sct2 .more { width: 240px; height: 46px; border: 1px solid #E9E9E9; border-radius: 4px; display: block; margin: 30px auto 0; line-height: 46px; font-size: 16px; color: #7b7b7b; } #index_sct3 { background: url(../images/bg1.jpg) no-repeat center /cover; color: #fff; padding: 65px 0 70px; } #index_sct3 div { } #index_sct3 .i_ttl { padding-top: 2px; } #index_sct3 h2 { } #index_sct3 .h2_sct_ttl { color: #fff; } #index_sct3 p { } #index_sct3 .sinfo { color: #ABABAB; } #index_sct3 .container { } #index_sct3 .row.row2.gutter-30 { } #index_sct3 .in { padding: 45px 55px; width: 580px; height: 180px; background: url(../images/bga.png) no-repeat; border-left: 6px solid #F63335; margin: 20px 0 40px; } #index_sct3 .in2 { background-image: url(../images/bgb.png); float: right; } #index_sct3 .h4 { font-size: 28px; margin: 0 0 30px; } #index_sct3 div.in p { font-size: 20px; } #index_sct3 div.in strong { font-size: 32px; color: #F63335; margin: 0 4px 0 0; } #index_sct3 strong { } #index_sct3 .h3 { text-align: center; font-size: 28px; margin-bottom: 40px; } #index_sct3 .row.row3.gutter-30 { } #index_sct3 .item { background: #2D2E2F; text-align: center; padding: 50px 25px 33px; } #index_sct3 div.item i { display: block; margin: 0px auto 35px; } #index_sct3 i { } #index_sct3 div.item img { } #index_sct3 img { } #index_sct3 .info { font-size: 16px; color: #CFCFCF; } .sct_card1 { } .sct_card1 div { } .sct_card1 .txt { border: 1px solid #E9E9E9; border-top: none; padding: 30px 40px; background: #fff; } .sct_card1 .i_ttl { } .sct_card1 h2 { } .sct_card1 .h2_sct_ttl { } .sct_card1 p { } .sct_card1 .sinfo { } .sct_card1 .row.gutter-0.wap-gutter-10 { } .sct_card1 .col1 { } .sct_card1 .con { /* height: 670px; */ transition: all .3s; border-radius: 20px 20px 0px 0px; } .sct_card1 .con:hover { box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 8%); background: transparent; } .sct_card1 .con:hover h3 { background-color: transparent; } .sct_card1 div.con h3 { display: flex; justify-content: center; align-items: center; flex-direction: column; flex-wrap: wrap; height: 140px; color: #fff; border-radius: 20px 20px 0 0; background-image: -moz-linear-gradient(145deg, rgb(163, 173, 191) 0%, rgb(163, 173, 191) 100%); background: transparent url(../images/bgjb1.png) no-repeat center top; background-image: -ms-linear-gradient(145deg, rgb(163, 173, 191) 0%, rgb(163, 173, 191) 100%); border-radius: 20px 20px 0px 0px; margin: 0 auto; } .sct_card1 .col2 div.con h3 { background-image: url(../images/bgjb2.png); } .sct_card1 h3 { } .sct_card1 span { } .sct_card1 .s1 { font-size: 28px; font-weight: bold; margin-top: 7px; } .sct_card1 .s2 { font-size: 16px; margin-top: 13px; } .sct_card1 div.con ul { display: flex; flex-wrap: wrap; } .sct_card1 div.col1 ul { } .sct_card1 ul { } .sct_card1 div.con li { line-height: 34px; color: #7B7B7B; padding-left: 90px; } .sct_card1 div.con li i { display: inline-block; vertical-align: middle; width: 19px; height: 14px; background: url(../images/chk.png) no-repeat; margin-top: -5px; margin-right: 10px; } .sct_card1 .col1 .con li { flex: 1 1 50%; text-align: left; padding-left: 47px; } .sct_card1 li { } .sct_card1 .price { margin: 30px -40px 0; border-top: #E9E9E9 1px dashed; padding-top: 30px; } .sct_card1 .p1 { font-size: 16px; color: #535353; } .sct_card1 .col2 .p1 { font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; color: #535353; line-height: 30px; margin-bottom: 47px; margin-top: 30px; } .sct_card1 p.p1 strong { font-size: 40px; color: #F63335; } .sct_card1 strong { } .sct_card1 .p2 { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; text-decoration: line-through; color: #888888; line-height: 30px; } .sct_card1 a { } .sct_card1 .use { width: 240px; /* height: 46px; */ border: 1px solid #E9E9E9; border-radius: 4px; display: inline-block; line-height: 46px; font-size: 16px; color: #666; margin: 15px 8px 15px; transition: all .3s; } .sct_card1 .p2+.use:hover { background: #95a5c4; color: #fff; border-color: #95a5c4; } .sct_card1 .use:last-child { background: #CFA586; color: #fff; border-color: #CFA586; } .sct_card1 .use:last-child:hover { background: #a8876e; } .sct_card1 .use+.use { background: #95A5C4; border-color: #95A5C4; } .sct_card1 .use+.use:hover { background: #77839b; } .sct_card1 .col2 { } #wzdz_card1 { } #wzdz_card1 .col1 .con li { padding-left: 0; /* padding-right: 20px; */ /* flex: auto; */ } #wzdz_card1 .col1 .con li:nth-child(n+5) { flex: 1 1 100%; } #wzdz_card1 .col1 .con li:nth-child(2), #wzdz_card1 .col1 .con li:nth-child(4) { padding-left: 70px; } #wzdz_card1 .col2 .con li { } #wzdz_card1 h3 { background-image: url(../images/bgjb3.png); flex-wrap: nowrap; flex-direction: row; } #wzdz_card1 .col2 h3 { background-image: url(../images/bgjb4.png); } #wzdz_card1 h3 span { display: inline-block } #wzdz_card1 h3 i { display: inline-block; vertical-align: middle; width: 44px; height: 44px; background: url(../images/ic3_1.png) no-repeat; margin-right: 15px; } #wzdz_card1 .col2 h3 i { background: url(../images/ic3_2.png) no-repeat; margin-top: 5px; } #wzdz_card1 .price { } #wzdz_card1 .price a { background: #6D87AC; border-color: #6D87AC; } #wzdz_card1 .price a:hover { background: #77839b; } #wzdz_card1 .col2 .price { } #wzdz_card1 .col2 .price a { background: #68668A; border-color: #68668A; } #wzdz_card1 .col2 .price a:hover { background: #595775; } .thecaselist { padding-bottom: 0; } .thecaselist.thecaselist2 { padding-top: 0; } .thecaselist div { } .thecaselist .i_ttl { } .thecaselist h2 { } .thecaselist .h2_sct_ttl { } .thecaselist p { } .thecaselist .sinfo { } .thecaselist .row.gutter-0.wap-gutter-10 { } .thecaselist a:hover .name { background: #F63335; color: #fff; } .thecaselist .name { /* height: 63px; */ line-height: 63px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #535353; display: block; transition: all .3s; background: #fff; } .thecaselist span { margin-bottom: 0; position: relative; } .thecaselist span.nail { width: 100% !important; } .thecaselist a.blk { position: relative; } .thecaselist2 a.blk { margin-bottom: 30px; } .thecaselist .nail:before { width: 100%; height: 100%; background: rgb(0 0 0 / 60%); content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 3; opacity: 0; transition: all .3s; } .thecaselist .nail:after { width: 100%; height: 100%; background: url(../images/link.png) center no-repeat; content: ""; display: block; position: absolute; top: 100%; left: 0; z-index: 4; opacity: 0; } .thecaselist a:hover .nail:after { opacity: 1; top: 0; } .thecaselist a:hover .nail:before { opacity: 1; } .thecaselist span.nail.nailthumb-loading img { } .thecaselist img { } .ft_more .more { display: block; width: 234px; line-height: 48px; border: 2px solid #F63335; text-align: center; margin: 0 auto; font-size: 16px; text-align: left; color: #F63335; padding: 0 20px; transition: all .3s; } .ft_more .more:hover { /* padding-left: 40px; */ } .ft_more { /* background: #F8F8F8; */ padding: 45px 0 60px; } .body_index .ft_more { background: #F5F5F5; } .ft_more i { display: inline-block; float: right; background: url(../images/ar1.png) no-repeat; width: 18px; height: 13px; margin-top: 17px; transition: all .3s; } .ft_more:hover i { transform: translateX(-10px); } #wzdz_sct3 { background: #f8f8f8; } #wzdz_sct3.bgfff { background: #fff; } #wzdz_sct3 div { } #wzdz_sct3 .i_ttl { } #wzdz_sct3 h2 { } #wzdz_sct3 .h2_sct_ttl { } #wzdz_sct3 .container { } #wzdz_sct3 .row.gutter-0.wap-gutter-10 { } #wzdz_sct3 .in { background: url(../images/bgc1.png) no-repeat center; position: relative; margin-top: -180px; } #wzdz_sct3 .h3 { margin: 0 0 15px; font-size: 18px; } #wzdz_sct3 p { } #wzdz_sct3 .sinfo { font-size: 14px; line-height: 1.8; } #wzdz_sct3 .item { position: relative; width: 356px; height: 175px; background: #FFFFFF; box-shadow: 0px 0px 12px 0px rgba(41, 41, 41, 0.06); border-radius: 4px; padding: 35px; } #wzdz_sct3 .item1 { top: 222px; } #wzdz_sct3 .item2 { left: 860px; top: 52px; } #wzdz_sct3 .item3 { top: 114px; } #wzdz_sct3 .item4 { left: 860px; top: -55px; } #wzdz_sct3 .item5 { left: 430px; top: -19px; } #wzdz_sct3 .item:after { content: ""; display: block; position: absolute; width: 14px; height: 14px; border-radius: 50%; top: calc(50% - 7px); right: -84px; background-color: blue; } #wzdz_sct3 .item1:after { background: #FFA800; } #wzdz_sct3 .item2:after { right: auto; left: -88px; background: #6BD05D; } #wzdz_sct3 .item3:after { background: #D860FF; } #wzdz_sct3 .item4:after { right: auto; left: -90px; background: #FF5F5F; } #wzdz_sct3 .item5:after { top: -40px; left: calc(50% - 6px); background: #09B1FF; } #wzdz_sct3 .item:before { content: ""; display: block; position: absolute; width: 77px; height: 1px; right: -77px; top: 50%; background-color: red; } #wzdz_sct3 .item1:before { background: #FFA800; } #wzdz_sct3 .item2:before { right: auto; left: -77px; background: #6BD05D; margin-top: -1px; } #wzdz_sct3 .item3:before { background: #D860FF; } #wzdz_sct3 .item4:before { right: auto; left: -77px; background: #FF5F5F; margin-top: -1px; } #wzdz_sct3 .item5:before { left: 50%; height: 30px; width: 1px; top: -30px; background: #09B1FF; } #wzyh_sct3 { padding: 65px 0; } #wzyh_sct3 div { } #wzyh_sct3 .i_ttl { margin-bottom: 45px; } #wzyh_sct3 h2 { } #wzyh_sct3 .h2_sct_ttl { } #wzyh_sct3 .container { } #wzyh_sct3 .row { } #wzyh_sct3 .aos-init.aos-animate { } #wzyh_sct3 .txt { } #wzyh_sct3 div.txt ul { padding-right: 90px; } #wzyh_sct3 ul { } #wzyh_sct3 div.txt li { padding: 30px 30px 20px; background: #fff; border: 1px solid #E9E9E9; margin-top: -1px; } #wzyh_sct3 li:hover { box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 8%); } #wzyh_sct3 p { } #wzyh_sct3 .p1 { font-size: 18px; } #wzyh_sct3 .sinfo { line-height: 1.8; } #wzyh_sct3 .img { } #wzyh_sct3 img { } #wzyh_sct3 .bg { } #wzyh_sct4 .row {/* background: url(../images/bg3.png) no-repeat center top; */padding-bottom: 50px;margin-top: -32px;} #wzyh_sct4 .h3 { margin: 10px 0 10px; font-size: 20px; font-weight: bold; } #wzyh_sct4 .col1 .h3 { color: #FFB008; } #wzyh_sct4 .col2 .h3 { color: #333; font-weight: 400; } #wzyh_sct4 .i_ttl { } #wzyh_sct4 h2 { margin-bottom: 40px; } #wzyh_sct4 .h2_sct_ttl { } #wzyh_sct4 p { } #wzyh_sct4 .pk {width: 132px;height: 132px;background: #FFFFFF;box-shadow: 0px 0px 20px 0px rgba(65, 65, 65, 0.1);border-radius: 50%;font-size: 50px;font-family: Arial;font-weight: bold;color: #333333;line-height: 28px;line-height: 132px;margin: 0 auto;margin-bottom: -170px;position: absolute;z-index: 33;left: 50%;margin-left: -66px;} #wzyh_sct4 .container { } #wzyh_sct4 .row.gutter-0.wap-gutter-10 { } #wzyh_sct4 .col1 { } #wzyh_sct4 .in { } #wzyh_sct4 .item.item0 { margin-top: 23px; margin-bottom: 37px; padding-top: 20px; /* color: #fff; */ /* font-size: 30px; */ /* font-weight: bold; */ position: relative; } #wzyh_sct4 .item0 .h3 { color: #fff; font-size: 30px; font-weight: bold; text-align: center; } #wzyh_sct4 .col1 .item {text-align: right;padding-right: 50px;background: #FFFAE7;} #wzyh_sct4 .col1 .item0 { background: #FFD200; position: relative; } #wzyh_sct4 .col1 .item0:before {content: "";width: 3px;background: #FFD200;height: 570px;display: block;position: absolute;right: 0;} #wzyh_sct4 .col2 .item0 { background: #CCCCCC; } #wzyh_sct4 .item0 { background: #FFD200; height: 74px; line-height: 74px; padding-top: 10px; } #wzyh_sct4 .col2 .item {padding-left: 50px;background: #F8F8F8;position: relative;} #wzyh_sct4 .col2 .item:before { content: ""; width: 26px; border: 3px solid #FFD200; height: 26px; display: block; position: absolute; top: 50%; left: -14px; margin-top: -12px; border-radius: 50%; background: #fff; } #wzyh_sct4 .col2 .item0 { background: #CCCCCC; } #wzyh_sct4 .col1 .item0:after , #wzyh_sct4 .col2 .item0:after {content: "";border: 50px solid transparent;border-right-color: #fff;width: 97px;height: 97px;display: block;position: absolute;right: 0;top: 0;z-index: 33;} #wzyh_sct4 .col1 .item0:after { right: auto; left: 0; border-right-color: transparent; border-left-color: #fff; } #wzyh_sct4 .item {padding: 15px 0 0px;height: 98px;margin-bottom: 9px;} #wzyh_sct4 .item.item1 { } #wzyh_sct4 .sinfo {font-size: 16px;} #wzyh_sct4 .item.item2 { } #wzyh_sct4 .item.item3 { } #wzyh_sct4 .item.item4 { } #wzyh_sct4 .col2 { } #wzyh_sct5 { padding-bottom: 10px; } #wzyh_sct5 .i_ttl { } #wzyh_sct5 .row { } #wzyh_sct5 .item { padding: 30px 40px 20px; padding-left: 60px; background: #fff; border: 1px solid #E9E9E9; margin-bottom: 20px; } #wzyh_sct5.mail_part5 .item { margin-top: 10px; } #wzyh_sct5 .q { font-size: 16px; font-weight: bold; position: relative; } #wzyh_sct5 .a { font-size: 14px; line-height: 1.6; color: #666; margin-top: 20px; position: relative; } #wzyh_sct5.mail_part5 .a {font-size: 14px;line-height: 1.6;margin-top: 10px;} #wzyh_sct5 .item:hover { box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 8%) } #wzyh_sct5 .a:before, #wzyh_sct5 .q:before { content: ""; display: block; position: absolute; width: 10px; height: 10px; top: 0; left: -35px; color: #fff; background: red; border-radius: 50px; width: 24px; height: 24px; text-align: center; line-height: 24px; font-weight: bold; font-family: arial; } #wzyh_sct5 .a:before { content: "A"; background: #1C3EDD; } #wzyh_sct5 .q:before { content: "Q" } .sct_youhua_anli p { text-align: center } .sct_youhua_anli .img+p { padding: 10px 0 0 } .sct_youhua_anli .hdl { display: block; width: 30px; height: 30px; background: #CCCCCC url(../images/ar4.png) no-repeat 10px center; border-radius: 50%; cursor: pointer; transition: all .3s; z-index: 999; position: absolute; top: 50%; margin-top: -42px; left: 56px } .sct_youhua_anli .hdl:hover { background-color: #989999 } .sct_youhua_anli .hdl.next { background: #CCCCCC url(../images/ar4.png) no-repeat right 10px center; left: auto; right: 76px; } .sct_youhua_anli .hdl.next:hover, .sct_youhua_anli .hdl.prev:hover { background-color: #989999 } .aboutuspart1 { } .aboutuspart1 .row { } .aboutuspart1 .con { } .aboutuspart1 h1 { font-weight: 400; font-size: 26px; color: #333333; margin-bottom: 20px; margin-top: -10px; } .aboutuspart1 .p1 { color: #7B7B7B; line-height: 25px; margin-bottom: 25px; } .aboutuspart1 .h3 { font-size: 16px; font-weight: bold; margin: 30px 0 15px; } .aboutuspart1 .img { padding-top: 20px; } .aboutuspart1 img { } .aboutuspart2 { } .aboutuspart2 .en { width: 271px; height: 66px; font-size: 90px; font-family: Arial; font-weight: 900; color: #FFFFFF; line-height: 49px; opacity: 0.08; position: absolute; bottom: -6px; right: -12px; } .aboutuspart2 .col1 { } .aboutuspart2 .col1 .in { background: linear-gradient(45deg, #F63335, #ED7C09); color: #fff; border: 1px solid transparent; position: relative; overflow: hidden; } .aboutuspart2 .col1 .in h3 { font-size: 32px; font-weight: bold; } .aboutuspart2 .in { border: 1px solid #E9E9E9; padding: 18px 28px 30px; height: 200px; margin-bottom: 30px; transition: all .3s; } .aboutuspart2 .in:hover { } .aboutuspart2 .in:hover { box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 8%); } .aboutuspart2 .h4 { } .aboutuspart2 .h4 i { display: inline-block; vertical-align: middle; margin-right: 10px; } .aboutuspart2 .h4 i img { } .aboutuspart2 .h4 span { font-size: 20px; } .aboutuspart2 .sinfo { line-height: 23px; margin-top: 16px; } .aboutuspart3 { background: url(../images/bg2.jpg) no-repeat center/cover; } .aboutuspart3 .h2_sct_ttl { color: #fff; margin-bottom: 15px; } .aboutuspart3 .row { } .aboutuspart3 .in { border-color: rgb(255 255 255 / 20%); border-right: none; margin-bottom: 0; margin-top: -1px; border-bottom: none; padding: 30px 50px; } .aboutuspart3 .row>div:nth-child(n+3) .in { border-bottom: rgb(255 255 255 / 20%) 1px solid; } .aboutuspart3 .row>div:nth-child(3n) .in { border-right: rgb(255 255 255 / 20%) 1px solid; } .aboutuspart3 .h4 { margin-top: 10px; } .aboutuspart3 .h4 span { color: #fff; font-weight: bold; } .aboutuspart3 .sinfo { color: #fff; margin-top: 24px; line-height: 2; } .aboutuspart4 { } .aboutuspart4 .h2_sct_ttl { } .aboutuspart4 .row { } .aboutuspart4 .img { } .aboutuspart4 .img img { } .aboutuspart4 ul { background: #fff; padding: 50px 80px; } .aboutuspart4 ul li { font-size: 18px; line-height: 50px; float: left; width: 50%; position: relative; padding-left: 18px; } .aboutuspart4 ul li:before { content: ""; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; left: 0; background: #F63335; top: 22px; } #develop {/* background: url(../images/bg5.png) no-repeat center 50px; */padding: 65px 0 20px; } #develop div { } #develop .row { } #develop .years { position: relative; padding-top: 22px; padding-left: 120px; padding-right: 120px; } #develop .years:before { content: ""; display: block; position: absolute; width: 100%; height: 1px; top: 80px; left: 0; background: #E9E9E9; z-index: 0; } #develop .arr { background: #fff url(../images/prev11.png) no-repeat center;/* background-position: left 16px top 13px; */ display: block; width: 48px; height: 48px; border-radius: 100px; border: 1px solid #9E9E9E; position: absolute; top: 56px; left: -47px; cursor: pointer; transition: background-color .3s;/* box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1); */ } #develop .arr.next { left: auto; right: -47px; background: #fff url(../images/next11.png) no-repeat center;/* background-position: left 16px top 13px; */ } #develop .slick-silder { } #develop .slick-list { } #develop .slick-track { } #develop a { } #develop #slk1 { padding: 0 27px; position: relative; left: -5px; } #develop #slk2 { } #develop .event { padding-bottom: 30px; } #develop .event li { background: #fff; width: 96%; margin: 10px auto 0; padding: 30px; padding-left: 70px; font-size: 16px; line-height: 1.8; position: relative;/* box-shadow: 1px 1px 10px 1px #e6e6e6; */ } #develop .event li:hover { box-shadow: 1px 1px 10px 1px #e6e6e6; } #develop .event li:before { content: ""; display: block; position: absolute; width: 12px; height: 12px; top: 38px; left: 40px; background: white; border-radius: 50%; border: 2px solid #ccc; } #develop .year.slick-current { color: #f63335; background: url(../images/lct11.png) no-repeat center 47px; } #develop .year.slick-current:before { /* background: red; */ border-color: #2F92DE; } #develop .year.slick-current:after { background: #2F92DE; display: none; } #develop .year { font-size: 20px; font-weight: bold; color: #535353; text-align: center; padding-top: 0px; position: relative; padding-bottom: 50px; } #develop .year:after { content: ""; display: block; position: absolute; width: 1px; height: 8px; border-radius: 50%; top: 50px; left: 50%; z-index: 3; background: #E9E9E9; transition: all .3s; } /*#develop .year:before { content: ""; display: block; position: absolute; width: 24px; height: 24px; border-radius: 100px; top: 28px; left: calc(50% - 12px); z-index: 2; border: #005ca2 1px solid; background: #fff; transition: all .3s; }*/ #develop .slick-slide { } #develop .slick-slide.slick-current.slick-active { } #develop .slick-slide.slick-active { } #develop .arr.next.slick-arrow { } #develop .events { padding: 50px 30px 20px; } #develop .slick-slider.slick-initialized { } #develop div.slick-slide li {/* width: 90%; *//* margin: 0 auto; */ } #develop li { } #develop .event { } #develop .event .in { width: 570px; margin: 0 auto; background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); padding: 30px 35px; border: 1px solid #E9E9E9; } #develop .event .pic { } #develop .event .pic img { width: 170px; } #develop .event .txt { width: calc(100% - 170px); padding: 0; padding-left: 20px; } #develop .event .h4 { font-size: 16px; line-height: 22px; } #develop .event .sinfo { } #develop .slick-active li { } .daifapart1 { } .daifapart1 .p1 { } .daifapart1 .p2 { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #7B7B7B; line-height: 28px; margin: 21px 0 42px; } .daifapart1 .zixun { width: 240px; line-height: 46px; border: 1px solid #E9E9E9; border-radius: 4px; text-align: center; display: block; font-size: 16px; color: #7b7b7b; transition: all .3s; } .daifapart1 .zixun:hover { background: #F63335; color: #fff; border-color: #F63335; } .daifapart2 { } .daifapart2 .in {text-align: center;padding: 40px 30px;background: #fff;height: 200px;border-radius: 10px;margin: 10px auto;transition: all .3s;} .daifapart2 .in:hover { box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 8%); } .daifapart2 .in i { display: block; margin: 0 auto 20px; width: 79px; height: 79px; } .daifapart2 .in img { } .daifapart2 .in i+p { } .daifapart3 { } .daifapart3 .in { padding: 25px; position: relative; height: 120px; margin-bottom: 30px; overflow: hidden; transition: all .4s; } .daifapart3 .in:hover { background: #F63335; box-shadow: 0px 0px 20px 0px rgba(246, 51, 53, 0.3); } .daifapart3 .in:hover h3 { color: #fff; } .daifapart3 .in:hover span { color: #fff; opacity: 0.1; } .daifapart3 .h2_sct_ttl { margin-bottom: 10px; } .daifapart3 .en { font-size: 120px; font-family: Arial; font-weight: bold; color: #000000; line-height: 1; opacity: 0.03; position: absolute; right: -14px; bottom: -26px; display: block; } .daifapart3 h3 { margin: 0px; font-size: 20px; line-height: 1.3; color: #535353; } #case_category { } #case_category ul { display: flex; padding: 28px 0 30px; justify-content: space-between; } #case_category ul li { flex: 1; background: #fff; /* border: 1px solid #E9E9E9; */ margin-right: 10px; text-align: center; line-height: 45px; height: 46px; } #case_category ul li:last-child { margin-right: 0; } #case_category ul li.active a { border: 2px solid #F63335; color: #F63335; } #case_category ul li a { display: block; width: 100%; height: 100%; border: 1px solid #E9E9E9; } #case_category ul li a:hover { border-color: #F63335; } #case_profile { } #case_profile .con { padding: 50px; background: #fff; margin-top: -30px; } #case_profile .sinfo { line-height: 24px; margin: 10px 0 24px; } #case_profile .p1 { color: #666; font-size: 18px; } #case_profile .clearfix { } #case_profile .fl { font-size: 24px; color: #333; } #case_profile .fr {text-align: right;color: #888;padding-top: 27px;} #case_profile .rq { } #case_profile .lb { } #case_profile .hy { } #case_profile .view { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; text-decoration: underline; color: #535353; line-height: 36px; } #case_profile .view:hover { color: #F63335; } #case_detail+.thecaselist { padding-bottom: 50px; } #case_detail .in { background: #fff; padding: 50px; margin-top: 20px; } #case_detail img { } #contact_part1 { } #contact_part1 .col1 { } #contact_part1 .col1 .con { margin-right: -50px; } #contact_part1 .col1 .h1 { margin: 0 0 50px; font-size: 26px; } #contact_part1 ul { display: flex; flex-wrap: wrap; margin: 0 0 40px; } #contact_part1 ul li { font-size: 16px; font-weight: bold; margin: 0 50px 12px 0; } #contact_part1 .address { margin-bottom: 90px; } #contact_part1 .address i { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: url(../images/lct.png) no-repeat; } #contact_part1 .address span { font-size: 16px; color: #666; } #contact_part1 .col2 { } #contact_part1 .col2 .con { text-align: right; padding-top: 85px; } #contact_part1 .col2 img { } #form_baojia { } #form_baojia .row { } #form_baojia .in { } #form_baojia p { } #form_baojia form { display: flex; justify-content: space-between; margin: 20px 0 -40px; } #form_baojia .txt {display: inline-block;width: 267px;height: 60px;text-indent: 1em;font-size: 16px;border: none;margin-right: 8px;flex: .5 1 auto;} #form_baojia .txt3 { flex: 2 1 auto; } #form_baojia .bt { } .btn000 { color: #fff; width: 180px; line-height: 59px; background: #1D1D1D; display: block; border: none; font-size: 16px; text-align: center; transition: all .3s; } .btn000:hover { background: #F63335; color: #fff; } .medialist1 { padding-bottom: 0; } .medialist1 .row { } .medialist1 .row .con { } .medialist1 a.blk { height: 460px; background: #FFFFFF; border-radius: 8px; margin-bottom: 30px; overflow: hidden; transition: all .3s; } .medialist1 a.blk:hover .h3 { color: #F63335; } .medialist1 a.blk:hover { box-shadow: 0px 0px 30px 0px rgba(27, 27, 27, 0.1); } .medialist1 .nail { margin: 0 auto; } .medialist1 img { } .medialist1 .txt { padding: 25px 32px 40px; } .medialist1 .h3 { line-height: 1.4; margin-top: 0; color: #000; transition: all .2s; } .medialist1 .sinfo { margin: 20px 0; line-height: 1.7; } .medialist1 .date { font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #888888; line-height: 22px; } #mailprice { } #mailprice .in { border: 1px solid #E9E9E9; height: 435px; padding: 70px; background: #F8F8F8; } #mailprice .s1 { font-size: 28px; color: #333; } #mailprice .s1 em { display: inline-block; font-size: 12px; color: #fff; font-style: normal; background: red; padding: 7px 10px; vertical-align: middle; border-radius: 4px; margin-left: 14px; margin-top: -1px; position: relative; } #mailprice .s1 em:before { content: ""; display: block; position: absolute; width: 10px; height: 10px; top: 10px; left: -9px; border: 5px solid transparent; border-right-color: red; } #mailprice .s1 i { display: inline-block; vertical-align: middle; margin-right: 13px; } #mailprice i img { } #mailprice .p1 { margin-top: 30px; font-size: 16px; line-height: 1.8; color: #444; } #mailprice .p1 span { font-weight: bold; } #mailprice .zixun {width: 240px;line-height: 46px;background: #FFFFFF;border: 1px solid #E9E9E9;border-radius: 4px;display: block;text-align: center;font-size: 16px;margin-top: 50px;transition: all .3s;} #mailprice .zixun:hover { color: #fff; background: #F63335; border-color: #F63335; } #mailprice .con { border: 1px solid #E9E9E9; margin-left: -1px; padding: 35px 85px 15px; height: 435px; } #mailprice form { } #mailprice table { width: 510px; } #mailprice td { padding: 25px 0; font-size: 18px; position: relative; } #mailprice .tips1 { background: url(../images/tip1.png) no-repeat; display: inline-block; width: 14px; height: 14px; cursor: pointer; } #mailprice .tipsContent {background: rgb(0 0 0 / 60%);border-radius: 5px;padding: 14px 20px;color: #fff;font-size: 14px;line-height: 1.8;width: 404px;position: absolute;left: 135px;top: 30px;z-index: 333;} #mailprice td:nth-child(2) { text-align: right; } #mailprice tr { } #mailprice .zj { } #mailprice .zj em { font-style: normal; } #mailprice .price { font-size: 18px; font-weight: bold; color: #333; } #mailprice .last { border-top: 1px solid #E9E9E9; } #mailprice .last td { padding-top: 60px; } #mailprice .jg { font-weight: bold; font-size: 20px; } #mailprice input { width: 80px; height: 36px; border: 1px solid #E9E9E9; margin: 0 -5px; font-size: 16px; } #mailprice .input-group { display: flex; float: right; } #mailprice .input-group>* { display: inline-block; } #mailprice button { display: inline-block; width: 26px; height: 26px; line-height: 18px; font-size: 22px; border-radius: 0; margin: 0 3px; background-color: #f7f7f7; font-family: arial; vertical-align: middle; font-weight: 400; width: 37px; height: 36px; background: #F8F8F8 url(../images/num1.png) no-repeat 11px center; border: 1px solid #E9E9E9; /* font-size: 20px; */ /* line-height: 38px; */ text-indent: -100px; overflow: hidden; } #mailprice button { background: #F8F8F8 url(../images/num1.png) no-repeat -123px center; } #mailprice .zj { font-size: 28px; font-weight: bold; color: #F63335; } #mail_part6 { padding-bottom: 0; } #mail_part6 .in { background: #fff; padding: 25px 30px; margin-bottom: 30px; } #mail_part6 .p1 { } #mail_part6 .p1 a { font-size: 18px; color: #333; } #mail_part6 .p1 a:hover { color: #F63335; } #mail_part6 .sinfo16 { color: #888; line-height: 1.7; } #mail_part6 .date { color: #999; display: block; margin-top: 15px; } #wymailprice { } #wymailprice .table { } #wymailprice table { } #wymailprice table td { font-size: 14px; color: #7B7B7B; padding: 30px 0; text-align: center; } #wymailprice table th { font-size: 14px; text-align: center; padding: 25px 0; border-bottom: none; background: #F8F8F8; } #wymailprice table tr { } #wymailprice table tbody { } #wymailprice table .buy { width: 77px; line-height: 32px; background: #F63335; border-radius: 16px; display: inline-block; margin: 0 20px; color: #fff; } #wymailprice tr:hover td { background: #F8F8F8; } #joblist { } #joblist .item { background: #fff; padding: 45px 50px 0; position: relative; margin-bottom: 20px; } #joblist .item>h2 { font-size: 20px; margin: 0 0 20px; } #joblist .item .zixun { display: block; width: 150px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; background: #A6A6A6; position: absolute; right: 50px; top: 50px; transition: all .3s; } #joblist .item .zixun:hover { background: #F63335; } #joblist .item .p1 { } #joblist .item .icon { padding-left: 26px; background: url(../images/add.png) no-repeat left center; line-height: 30px; display: inline-block; } #joblist .item .date .icon { background-image: url(../images/clock.png); } #joblist .item .p1 span { } #joblist .item .date { margin-bottom: 40px; } #joblist .detail { display: none; } #joblist .ss { border-top: 1px solid #eee; margin: 40px -50px 0; text-align: center; } #joblist .ss a { line-height: 55px; font-size: 16px; color: #666; } #joblist .ss a:hover { color: #F63335; } #client_case { } #client_case .in { height: 110px; display: flex; align-items: center; justify-content: center; } #client_case .img { } #client_case .img img { max-width: 187px; max-height: 81px; } #newspage { padding-bottom: 60px; } #newspage ul { padding-right: 20px; margin-top: -29px } #newspage ul li { margin-top: 0; padding-bottom: 35px; padding-top: 35px; margin-right: 20px; border-bottom: 1px solid rgba(231, 231, 231, 1); min-height: 140px; box-sizing: content-box } #newspage ul .InfoTitle:hover { color: #F63335 } #newspage ul li:first-child { margin-top: 0 } #newspage .media-body { padding-left: 238px; position: relative } #newspage .media-body .img { display: block; width: 210px; position: absolute; left: 0; top: 4px } #newspage .media-body h4 a { font-size: 20px; line-height: 28px; font-weight: 400; color: #333 } #newspage .hangye { color: #7B7B7B; margin-bottom: 0; line-height: 2; width: 70px; height: 25px; background: rgba(246, 246, 246, 1); border: 1px solid rgba(231, 231, 231, 1); display: inline-block; line-height: 23px; font-size: 14px; text-align: center; position: relative; left: 5px; top: 5px } #newspage .sinfo { color: #909090; margin-bottom: 0; line-height: 2 } #news_right { margin-top: 40px; } #news_right .box { padding: 20px 20px 30px; background: #fff; margin-bottom: 30px; border: 1px solid #e7e7e7 } #news_right .box .h3 { margin: 0; padding-left: 30px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e7e7e7; position: relative; background: url(../images/yingxiao/article.png) no-repeat left 0px; font-size: 18px; color: #333 } #news_right .hydt .box .h3+ul { display: flex } #news_right .box.hydt .h3+ul { margin: 0 -8px -20px; display: flex; flex-wrap: wrap; justify-content: space-between } #news_right .box.hydt .h3+ul li { flex: auto; margin: 0 8px; height: 25px; background: rgba(246, 246, 246, 1); border: 1px solid rgba(231, 231, 231, 1); padding: 0 10px; margin-bottom: 20px; text-align: center; transition: all .3s } #news_right .box.hydt .h3+ul li:hover { background: #F63335; border-color: #F63335 } #news_right .box.hydt .h3+ul li:hover a { color: #fff; transition: all .3s } #news_right .box.hydt .h3+ul li a { font-size: 14px; line-height: 24px } #news_right .box .red { font-weight: bold; } #news_right .box li { margin-bottom: 15px } #news_right .box li .infotime { margin-top: 5px } #news_right .box li a { font-size: 14px; color: #555; } #news_right .hydt.box .h3 { background: url(../images/yingxiao/cat.png) no-repeat left 0px } #news_right .rmwz.box li { padding-left: 17px; position: relative } #news_right .rmwz.box li:before { content: ""; display: block; position: absolute; width: 5px; height: 5px; top: 9px; left: 0; background: #F63335 } #news_right .box>.p1:before { content: ""; display: block; position: absolute; width: 80px; height: 1px; bottom: -1px; left: 0; background: #F63335; } #news_right .box>.p1:after { content: ""; display: block; position: absolute; width: 21px; height: 21px; top: 4px; right: 0; background: url(../images/news/plus.png) no-repeat } #news_right .box>.p1 { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #E7E7E7; position: relative; font-weight: 400 } #news_right .box.hydt ul li a { line-height: 33px; color: #7B7B7B } #news_right .box ul li a:hover { color: #F63335 } #newsdetail { margin-top: 40px; margin-right: 20px; padding: 1px 29px 32px; margin-bottom: 10px; border: 1px solid rgba(233, 233, 233, 1); } #newsdetail .share { margin-bottom: 50px; margin-top: 40px; display: none } #newsdetail .share .fl a { display: inline-block; width: 124px; height: 40px; border: 1px solid rgba(0, 82, 217, 1); border-radius: 20px; text-align: center; line-height: 40px; color: #F63335 } #newsdetail .share a i { vertical-align: middle; margin-right: 6px; position: relative; top: -4px } #newsdetail .share .fl a.notgood { margin-left: 14px } #newsdetail .share .fr { color: #7B7B7B } #newsdetail .share .fr .weixin { background-position: 0 top } #newsdetail .share .fr .weibo { background-position: -45px top } #newsdetail .share .fr .zone { background-position: -90px top } #newsdetail .share .fr .douban { background-position: -135px top } #newsdetail .share .fr .tieba { background-position: -180px top } #newsdetail .share .fr a { display: inline-block; width: 33px; height: 33px; margin-left: 8px; background: url(../images/yingxiao/share.png) no-repeat center; vertical-align: middle } .newsdetailpage .news_right { padding-top: 30px } #newsdetail .newstitle { font-size: 22px; line-height: 1.8 } #newsdetail .newsinfo { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #E7E7E7; } #newsdetail .newsinfo dt { color: #7B7B7B; font-weight: 400; display: inline-block } #newsdetail .newsinfo dd { color: #7B7B7B; font-weight: 400; display: inline-block; margin-right: 32px } #newsdetail .newscontent { padding-bottom: 24px; margin-bottom: 30px; border-bottom: 1px solid #E7E7E7 } #newsdetail .newscontent, #newsdetail .newscontent * { font-size: 16px; line-height: 31px; color: #7B7B7B } #newscontent img { height: auto } #newsdetail .pn * { color: #7B7B7B; font-size: 16px } #newsdetail .pn p:before { display: block; width: 100% } #newsdetail .pn span { text-decoration: underline } #newsdetail .pn a { text-decoration: underline } #newsdetail .pn a:hover { color: #F63335 } #newspage .xgwz_case { padding: 45px 50px; background: #fff; margin-top: 20px; margin-right: 20px; padding: 20px 30px 40px; margin-bottom: 10px; border: 1px solid rgba(233, 233, 233, 1); } #newspage .xgwz_case .h3 { margin-bottom: 20px; } #newspage .xgwz_case ul { overflow: hidden; font-size: 0; margin: 0; } #newspage .xgwz_case ul li { display: inline-block; width: 50%; margin: 0; border: none; min-height: 0; padding: 0; } #newspage .xgwz_case ul li a { font-size: 16px; line-height: 39px; color: #7B7B7B; display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; } #newspage .xgwz_case ul li a:hover { color: #F63335; } #newspage .xgwz_case a { padding-left: 14px; } #newspage .xgwz_case ul li a:before { content: ""; display: block; position: absolute; width: 5px; height: 5px; top: 18px; left: 0; background: #F63335; } #newspage .xgwz_case ul li a:hover { } #likedtpls1 { margin-right: 20px; margin-bottom: 10px; } #likedtpls1 .h3 { margin-top: 45px; margin-bottom: 25px; } #likedtpls1 .row { } #likedtpls1 a.blk { background: #fff; padding: 30px 25px; } #likedtpls1 img { display: block; margin: 0 auto; } #likedtpls1 span { display: block; text-align: center; font-size: 16px; color: #7b7b7b; padding-top: 20px; } #likedtpls1 a:hover span { color: #F63335; } #sitenavbar { background: #242A37; padding: 0 20px } #sitesearch { background: #333948; height: 60px; margin-right: -20px; padding: 16px 20px 0 } #sitesearch .bt { border: none; display: inline-block; width: 15px; height: 17px; overflow: hidden; text-indent: 100px; background: url(../images/btn_search.png) no-repeat; position: relative; top: 4px } #sitesearch .txt { background: transparent; border: none; position: relative; top: 2px; width: 228px; color: #bdbcc1 } #sitesearch .txt::placeholder { color: #bdbcc1 } #header #topbar { background: #1C222E; padding: 0 20px } #topbar * { color: #BDBCC1; line-height: 30px; font-size: 12px } #header .s2 { color: #fff } #topbar .fr a { display: inline-block; padding: 0 } #topbar .fr a:hover { color: #fff } #topbar .fr a:after { content: ""; display: inline-block; background: #333842; width: 1px; height: 14px; position: relative; top: 3px; margin: 0 8px } #topbar .fr a:last-child:after { display: none } #header ul.navbar-nav.nav a:hover { color: #F63335 } #ban_index:hover .dots li.slick-active:after { animation-play-state: paused } @keyframes move { 0% { width: 0% } 100% { width: 100% } } #ban_index .a1:hover { background: #F63335; color: #fff; border-color: #F63335 } #ban_index .txt { position: absolute; top: 50%; width: 1200px; left: 50%; min-height: 200px; margin-left: -600px; top: 50%; margin-top: -85px } #ban_index .a1 { display: inline-block; width: 142px; border: 1px solid #fff; line-height: 40px; margin: 25px auto 0; font-size: 15px; transition: all .3s; text-align: center } #ban_index { background: #181C28; position: relative; z-index: 66 } #ban_index .con { position: relative } #ban_index .inner { position: relative; height: 430px; width: 100% } #ban_index .img { display: inline-block; background: transparent no-repeat center; position: absolute; right: 0; top: 15px } #ban_index .img img { width: auto; height: auto } #ban_index .in { width: 440px; position: absolute; top: 70px; left: 290px; text-align: left } #ban_index .in * { color: #fff; border-color: #fff } #ban_index .in .t { font-size: 38px } #ban_index .s { font-size: 18px; color: #c4c4c4; line-height: 30px; margin-bottom: 30px } #ban_index .linkmore { border-radius: 0; font-size: 15px } #ban_index .linkmore:hover { border-color: #F63335 } #ban_index .dots { position: absolute; left: 290px; top: 310px } #ban_index .dots li { width: 34px; height: 3px; background: #fff; display: inline-block; margin: 0; margin-right: 8px; cursor: pointer } #ban_index .dots li.slick-active { position: relative } #ban_index .dots li.slick-active:after { animation: move 5s; content: ""; display: block; position: absolute; width: 0px; height: 100%; top: 0; left: 0; background: #F63335 } #ban_index .nav2 { position: absolute; top: 29px; left: 0 } #ban_index .nav2 .p1 span { color: #fff } #ban_index .nav2 li { width: 240px; height: 86px; margin-bottom: 10px; padding: 18px 18px 0; background: #242A37 no-repeat right bottom } #ban_index .nav2 li:nth-child(1) { background-image: url(../images/nva2bg_1.png) } #ban_index .nav2 li:nth-child(2) { background-image: url(../images/nva2bg_2.png) } #ban_index .nav2 li:nth-child(3) { background-image: url(../images/nva2bg_3.png) } #ban_index .nav2 li:nth-child(4) { background-image: url(../images/nva2bg_4.png) } #ban_index .p1 { font-size: 38px; font-weight: 400 } #ban_index .ban2 .p1 { text-align: center } #ban_index .p1 { font-size: 16px; margin-top: 0 } #ban_index .p2 { line-height: 30px } #ban_index .ban2 .p2 { text-align: center } #ban_index .p2 .t a { color: #C6C9CE; font-size: 12px; margin-right: 10px } #ban_index .p2 .t a:hover { color: #fff } #ban_index .nav2 .p2 a:hover { color: #fff } #ban_index .ban { position: relative } #ban_index img { visibility: hidden; width: 100%; max-width: none } #ban_index h4 img { visibility: visible; width: auto; min-width: 1px } #ban_index .sname { font-family: Microsoft YaHei UI; font-size: 40px; font-weight: 400; line-height: 1; position: absolute; z-index: 4; top: 24%; right: 0; display: inline-block; width: fit-content; width: 100%; text-align: center; white-space: normal; letter-spacing: 7px; text-transform: uppercase; word-break: break-word; color: #fff } #ban_index h2 { font-size: 48px; font-weight: 400; font-weight: 400; position: absolute; top: 100px; left: 50%; width: 1200px; margin-left: -600px; text-align: center; letter-spacing: 4px; color: #333 } #ban_index h4 { font-size: 30px; font-weight: 100; position: absolute; top: 202px; left: 0; width: 100%; margin: 0 auto; padding: 0; text-align: center; letter-spacing: 4px } #ban_index h4 .dot { display: inline-block; width: 8px; height: 8px; margin: 0 11px 2px 10px; vertical-align: middle; border-radius: 100px; background: #B41017 } #ban_index .txt { margin-top: -150px } #ban_index .ban2 .p1 { margin: 30px 0 0 } #ban_index .ban { margin-top: -62px } #ban_index .txt { margin-top: -100px } .ban img { visibility: hidden; width: 100%; min-width: 1920px; max-width: none } #pageban .ban { position: relative } #pageban img { visibility: hidden; width: 100%; min-width: 1920px; max-width: none } #pageban h4 img { visibility: visible; width: auto; min-width: 1px } #pageban .sname { font-family: Microsoft YaHei UI; font-size: 40px; font-weight: 400; line-height: 1; position: absolute; z-index: 4; top: 24%; right: 0; display: inline-block; width: fit-content; width: 100%; text-align: center; white-space: normal; letter-spacing: 7px; text-transform: uppercase; word-break: break-word; color: #fff } #pageban .wrap { position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; align-items: center } #pageban .wrap div { height: 100% } #pageban.pageban_seo .wrap div {} #pageban.pageban_seo .wrap .in {align-items: unset;} #pageban.pageban_seo .wrap .in .l { display: flex; align-items: center; flex-wrap: wrap; flex-direction: column; justify-content: center; /* float: left; */ } #pageban.pageban_seo .wrap .in .r { /* background: red; */ display: flex; justify-content: flex-end; align-items: flex-end; padding-bottom: 50px; } #pageban.pageban_seo .wrap .in .r ul { width: 560px; } #pageban.pageban_seo .wrap .in .r ul li { width: 50%; float: left; /* background: blue; */ display: flex; justify-content: center; align-items: center; height: 110px; border: 1px solid rgb(43 48 59); margin-top: -1px; margin-right: -1px; } #pageban.pageban_seo .wrap .in .r ul li img { min-width: 0; max-width: none; visibility: visible; width: auto; height: auto; position: static; } #pageban .in { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center } #pageban h2 { font-size: 46px; font-weight: 400; width: 100%; margin-top: 106px; margin-left: auto; margin-bottom: 5px; letter-spacing: 0; color: #fff; text-transform: uppercase; } #pageban.pageban_with_search h2 { text-align: center; margin-top: 0; } #pageban h4 { left: 0; width: 100%; color: #fff; font-size: 24px; font-weight: 400; line-height: 1.4; } #pageban h4 .dot { display: inline-block; width: 8px; height: 8px; margin: 0 11px 2px 10px; vertical-align: middle; border-radius: 100px; background: #b41017 } #help_mobile { display: none } .thehf { height: 112px; background: linear-gradient(-90deg, rgba(0, 100, 252, 1), rgba(29, 90, 242, 1)); padding-top: 37px } .thehf * { color: #fff } .thehf .con2 a { display: inline-block; width: 130px; height: 46px; line-height: 46px; background: url(../images/400dianhua/bg5.png) no-repeat; text-align: center; margin-left: 15px; transition: all .3s } .thehf .con2 a:hover { background: #fff none; color: #105FF7 } .thehf2 { background: url(../images/400dianhua/bg4.jpg) no-repeat center/cover } .thehf2 span { margin-top: 1px; display: inline-block } .thehf3 { padding-top: 40px } .thehf3 .con2 { padding-left: 10px } .thehf3 .con2 a { background: transparent none; width: 115px; height: 35px; border: 1px solid rgba(255, 255, 255, 1); border-radius: 18px; line-height: 33px } .sct_news {/* background: #fff url(../images/index/hzbl_bg.png) no-repeat center bottom; *//* padding-bottom: 104px */ } .sct_news.bggray2 { background: #F7F8FA !important } .sct_news.bgfff { background: #fff none; padding-bottom: 50px } .sct_news.bgfff .i_ttl { margin-bottom: 0 } .sct_news UL { line-height: 0; font-size: 0 } .sct_news .h3 { height: 30px; } .body_index .sct_news .h3 { padding: 0 13px; margin-bottom: 12px; } .sct_news .h3 span { color: #535353; font-size: 18px; float: left; } .sct_news .h3 a {font-size: 14px;color: #7b7b7b;float: right;} .sct_news .h3 a:hover { color: #F63335; } .sct_news LI {/* width: 33%; */display: inline-block; line-height: 32px; font-size: 14px; color: #7B7B7B; position: relative; padding-right: 114px; padding-left: 18px; background: url(../images/ar2.png) no-repeat left -20px; } .sct_news LI:hover { background-position: left 10px; } .sct_news LI a { color: #666 } .sct_news LI a:hover { color: #F63335; } .sct_news .time { position: absolute; right: 0; color: #999; top: 0; } .sct_news .i_ttl.i_ttl_r { margin-bottom: 20px } .sct_news .hdl { border-bottom: 1px solid #ECECEC; margin-bottom: 30px } .body_index .sct_news .hdl { display: none; } .sct_last { height: 240px; background: #182a4b url(../images/bglast.png) no-repeat right top/cover; padding-top: 65px } .sct_last A { display: inline-block; margin: 12px auto 0; border-radius: 0; border: 1px solid rgba(255, 255, 255, 0.3); line-height: 44px; padding: 0 25px; color: #fff; width: 170px; height: 45px; border: 1px solid rgba(255, 255, 255, 1) } .sct_last .p1 { text-align: center; font-size: 28px; color: #fff; margin: 0 auto 18px } #sct_last .p1 { font-size: 24px; margin-bottom: 10px } #sct_last div.txtc a { transition: all .3s } #sct_last div.txtc a:hover { border-color: #F63335; background: #F63335 } #sct_last.sct_last2 div.txtc a:hover { border-color: #2e7dff } #sct_last.sct_last4 div.txtc a:hover { background: #fff; color: #F63335; } .sct_xcx .con { border: 1px solid rgba(233, 233, 233, 1); padding: 33px 20px 23px; position: relative; margin-left: -1px; text-align: center; height: 333px } .sct_xcx .con:hover { box-shadow: 0px 0px 20px 0px rgba(48, 48, 48, 0.1) } .sct_xcx .con:hover h3 { color: #F63335 } .sct_xcx div.con img { margin-bottom: 10px } .sct_xcx div.con h3 { font-size: 18px; color: #333 } .sct_xcx div.con p { color: #787878; font-size: 14px; line-height: 20px; padding-top: 4px } .sct_xcx .price .fb { color: #F63335; font-size: 26px; vertical-align: bottom; position: relative; top: 5px; padding: 0 2px } .sct_xcx .price { color: #666666 } .sct_xcx .btns2 { padding-top: 40px; position: absolute; bottom: 40px; left: 0; width: 100% } .sct_xcx .linkmore:hover { color: #fff } .sct_xcx .linkmore { display: inline-block; width: 120px; height: 43px; border: 1px solid rgba(233, 233, 233, 1); border-radius: 4px; font-size: 14px; color: #7B7B7B; padding: 0; margin: 0 5px } .sct_youhua .p3 { color: #7B7B7B; line-height: 22px } .sct_youhua .linkmore { width: 192px; height: 43px; border: 1px solid rgba(233, 233, 233, 1); border-radius: 4px; position: absolute; left: 50%; margin-left: -96px; bottom: 40px; color: #7B7B7B; font-size: 14px } .sct_youhua .linkmore:hover { box-shadow: 0px 0px 20px 0px rgba(0, 82, 217, 0.3); color: #fff } .sct_youhua .con { padding: 33px 20px 23px; position: relative; text-align: center; background: #fff; height: 360px } .sct_youhua .con:hover { box-shadow: 0px 0px 30px 0px rgba(0, 82, 217, 0.12) } #sct_xy.sct_youhua .con { padding-top: 50px } #sct_xy.sct_youhua .con { height: 336px } .sct_youhua .img { margin-bottom: 20px; margin-top: 10px } .sct_yxgj { height: 580px } .sct_yxgj .sinfo { width: 172px; margin: 0 auto } .sct_yxgj .con3 .sinfo { width: 230px } .sct_yxgj .con3 sinfo { width: 200px } .sct_yxgj .container { padding-top: 30px } .sct_yxgj .con { height: 310px; background: rgba(255, 255, 255, 1); border: 1px solid rgba(233, 233, 233, 1); transition: all .3s; text-align: center; padding: 52px 50px 0; position: relative } .sct_yxgj .con.active { height: 360px; border: 1px solid rgba(233, 233, 233, 1); box-shadow: 0px 0px 20px 0px rgba(65, 65, 65, 0.1); margin-top: -23px; border-radius: 0px 0px 6px 6px } .sct_yxgj .con.active .more { height: 50px; background: rgba(0, 82, 217, 1); box-shadow: 0px 0px 20px 0px rgba(0, 82, 217, 0.2); border-radius: 0px 0px 6px 6px; line-height: 50px } .sct_yxgj .img { margin-bottom: 27px } .sct_yxgj .more { width: 100%; height: 40px; line-height: 40px; border: none; border-radius: 4px; position: absolute; left: 0; margin-left: 0; bottom: 0; color: #fff; text-shadow: none !important } .sct_crm .con.con1 { padding-left: 400px; background: #F63335 url(../images/index/bg1.png) no-repeat left top; height: 400px } .sct_crm .d1 { position: absolute; color: #fff; left: 36px; top: 14px } .sct_crm .d1 a { display: inline-block; border: 1px solid rgba(255, 255, 255, 1); border-radius: 4px; color: #fff; background: transparent; line-height: 36px; width: 128px; text-align: center; font-size: 14px; margin-top: 10px; transition: all .3s } .sct_crm .d1:hover a { border: 1px solid rgba(255, 255, 255, 1); border-radius: 4px; color: #F63335; background: #fff } .sct_crm .d1 p.fb { font-size: 20px; font-family: Microsoft YaHei; color: rgba(255, 255, 255, 1); line-height: 62px } .sct_crm .d1 .p1 { width: 240px; margin-top: -12px } .sct_crm a.linkmore { width: 192px; height: 43px; border: 1px solid rgba(229, 229, 229, 1); border-radius: 4px; color: #7B7B7B; font-size: 14px } .sct_crm a.linkmore:hover { background: rgba(0, 82, 217, 1); box-shadow: 0px 0px 20px 0px rgba(0, 82, 217, 0.3); border-radius: 4px; color: #fff } .sct_crm .con2 { height: 400px; background: #fff; padding-top: 55px; text-align: center } .sct_crm h3 { margin: 0 0 10px } .sct_crm ul { width: 260px; margin: 0 auto 30px } .sct_crm div.con.con2 li { color: #7b7b7b; line-height: 22px; padding: 8px 30px 8px; padding-right: 1px; background: url(../images/index/chk.png) no-repeat left 13px; text-align: left; border-bottom: 1px dashed rgba(229, 229, 229, 1) } .sct_crm div.con.con2 li:hover { color: #F63335 } .sct_crm div.con.con2 li:last-child { border: none } .sct_crm .con.con3 { border-left: 1px solid rgba(233, 233, 233, 1) } .sct_gongneng2 ul { font-size: 0; line-height: 0; margin: 4px 0 0 } .sct_gongneng2 li { line-height: 1; display: inline-block; width: calc(1 / 9 * 100%); text-align: center; position: relative; margin-bottom: 0; height: 100px; margin-left: -1px; background: #fff; margin-top: -1px } .sct_gongneng2 .bor { border: 1px solid #E9E9E9; height: 100%; position: absolute; bottom: 0; width: 100%; left: 0; z-index: 10; border-right: none; transition: all .3s } .sct_gongneng2 li:nth-child(9n+9) .bor { border-right: 1px solid #E9E9E9 } .sct_gongneng2 p { font-size: 15px; color: #666; position: relative; z-index: 3; margin-top: 10px } .sct_gongneng2 .img { position: relative; z-index: 3 } .sct_how2 h2+p { color: #9A9A9A; font-size: 16px } .sct_how2 .i_ttl { margin-bottom: 84px } .sct_how2 .con:after { content: ""; display: block; position: absolute; width: 33px; height: 36px; top: 63px; left: calc(100% + 36px); background: url(../images/400dianhua/ar.png) no-repeat } .sct_how2 .con { height: 162px; background: rgba(255, 255, 255, 1); border: 1px solid rgba(229, 229, 229, 1); padding: 28px; position: relative; border: 1px solid rgba(233, 233, 233, 1); box-shadow: 0px 0px 15px 0px rgba(52, 110, 206, 0.1); position: relative } .sct_how2 .con .img { text-align: center; position: relative; top: -77px } .sct_how2 .row>div:last-child .con:after { display: none } .sct_how2 .p1 { font-size: 20px; margin-bottom: 25px } .sct_how2 .p2 { color: #7B7B7B; font-size: 14px } .sct_how2 .step { font-size: 18px; font-family: Arial; color: #333; text-align: center; margin-top: -82px } .sct_how2 .sinfo { text-align: center } .sct_lianghao .con { padding-top: 10px } .sct_lianghao .d1 { width: 190px; height: 372px; background: rgba(0, 82, 217, 1) url(../images/400dianhua/bg1.jpg) no-repeat; padding: 25px 25px; float: left } .sct_lianghao .d1 * { color: #fff; text-align: center } .sct_lianghao div.d1 h3 { font-weight: bold; padding-bottom: 75px; margin-top: 10px; margin-bottom: 25px; background: url(../images/400dianhua/sd.png) no-repeat center bottom } .sct_lianghao .price span { color: #7B7B7B } .sct_lianghao .timeremain { font-size: 16px; margin-bottom: 20px; display: inline-block } .sct_lianghao .timeremain i { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/400dianhua/time.png) no-repeat; margin-right: 7px; position: relative } .sct_lianghao .s1 { width: 35px; height: 35px; background: rgba(22, 22, 22, 1); border-radius: 10px; display: inline-block; line-height: 35px; text-align: center; font-size: 20px; font-weight: bold; vertical-align: middle } .sct_lianghao .s2 { font-weight: bold } .sct_lianghao .more { display: block; width: 120px; height: 40px; border: 1px solid rgba(255, 255, 255, 1); border-radius: 20px; line-height: 40px; font-size: 16px; margin: 40px auto 0 } .sct_lianghao .items { width: calc(100% - 190px); height: 372px; background: rgba(247, 248, 250, 1); float: right; display: flex; justify-content: space-evenly; align-items: center } .sct_lianghao .item { width: 310px; height: 332px; padding: 30px 30px; background: rgba(255, 255, 255, 1) } .sct_lianghao .item:hover { box-shadow: 0px 0px 20px 0px rgba(0, 82, 217, 0.2) } .sct_lianghao hr { margin: 20px -30px 20px } .sct_lianghao div.item li { margin-bottom: 13px; height: 40px; padding: 0; padding-top: 3px; position: relative } .sct_lianghao LI >a:first-child { display: block; width: 100%; height: 100%; background: rgba(255, 137, 12, 0.95); left: 0; top: 0; position: absolute; color: #fff; font-size: 16px; text-align: center; line-height: 56px; transition: all .3s; opacity: 0 } .sct_lianghao LI:hover >a:first-child { opacity: 1 } .sct_lianghao LI * { vertical-align: middle } .sct_lianghao I { width: 32px; height: 32px; background: #FF7201; border-radius: 4px; display: inline-block; margin-right: 11px; color: #fff; line-height: 32px; font-style: normal; font-size: 16px; text-align: center } .sct_lianghao .price .yj:after { content: ""; display: block; position: absolute; width: 100%; height: 1px; top: 50%; left: 0; background: #999 } .sct_lianghao div.item li span { font-size: 30px; line-height: 33px } .sct_lianghao .blue { color: #FF7201 } .sct_lianghao .p1 { font-size: 16px } .sct_lianghao .price span.jg { color: #FF7201; font-size: 20px; font-weight: bold; position: relative; left: -3px; top: 2px; margin-right: -4px } .sct_lianghao .yj { margin-left: 20px; position: relative } .sct_huodong .con { height: 534px; background: rgba(255, 255, 255, 1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); padding: 22px 25px; margin-top: 8px; position: relative; border: 1px solid #fff } .sct_huodong div.con h3 { margin-top: 3px; font-weight: bold; font-size: 20px } .sct_huodong .s2 { color: #FF7201 } .sct_huodong .sinfo { color: #666 } .sct_huodong ul.ul1 li { border-top: 1px solid #e9e9e9; padding: 15px 25px 5px; margin: 0 -25px; position: relative } .sct_huodong ul.ul1 li:last-child { border-bottom: 1px solid #e9e9e9 } .sct_huodong .p1 { margin-bottom: 2px } .sct_huodong .sheng { width: 58px; height: 23px; border: 1px solid rgba(255, 114, 1, 1); border-radius: 4px; display: block; color: rgba(255, 114, 1, 1); line-height: 24px; font-size: 12px; line-height: 21px; text-align: center; position: absolute; top: 23px; right: 25px } .sct_huodong .shili { padding-top: 5px } .sct_huodong .p2 { display: flex; flex-wrap: wrap; margin-top: 10px; justify-content: space-between } .sct_huodong p.p2 a { color: #7B7B7B; flex: 0 1 auto; margin-bottom: 5px } .sct_huodong .buynow { display: block; width: 100%; height: 53px; line-height: 53px; text-align: center; border-top: 1px solid #e9e9e9; position: absolute; left: 0; bottom: 0; transition: all .3s } .sct_huodong .con:hover { border: 1px solid rgba(0, 82, 217, 1); box-shadow: 0px 0px 20px 0px rgba(0, 82, 217, 0.2) } .sct_huodong .con:hover .buynow { background: #F63335; color: #fff } .sct_zhinan div.i_ttl p { color: #9A9A9A; font-size: 16px } .sct_zhinan .con { text-align: center } .sct_zhinan .con:after { content: ""; display: block; position: absolute; width: 260px; height: 9px; top: 62px; left: calc(50% + 75px); background: url(../images/400dianhua/dot1.png) no-repeat } .sct_zhinan .row>div:last-child .con:after { display: none } .sct_zhinan .img { margin-bottom: 13px } .sct_zhinan .p3.sinfo { margin-top: 12px } .sct_zhinan .row>div:first-child .p3.sinfo { display: flex; justify-content: space-around } .sct_zhinan .p3.sinfo .num { display: block } #sct_xz .i_ttl { margin-bottom: 45px } #sct_xz .con { padding: 53px 35px 0; transition: all .3s ease-in-out } .sct_youshi { background: url(../images/400dianhua/bg3.jpg) center/cover; color: #fff } .sct_youshi h2 { color: #fff } .sct_youshi .con { height: 170px; background: rgba(24, 28, 44, 0.5); border: 1px solid rgba(84, 94, 124, 0.5); text-align: center; margin: 15px 0; padding-top: 30px; transition: all .3s ease-in-out; position: relative; top: 0 } .sct_youshi .con:hover { top: -10px } .sct_youshi .img { margin-bottom: 20px } .sct_youshi .img+ p { color: #fff } .sct_youshi .p1 { color: #CFD2DC } .sct_gongneng2 div.con li:hover { box-shadow: 0px 0px 30px 0px rgba(0, 82, 217, 0.12) } .sct_gongneng2 li:hover .bor { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) } .sct_gongneng2 .img { margin-top: 25px; height: 28px } .sct_qiye .con { height: 150px; background: rgba(255, 255, 255, 1); border: 1px solid rgba(229, 229, 229, 1); display: flex; justify-content: center; align-items: center; margin: 10px auto; flex-direction: column; padding-top: 15px; position: relative; top: 0; transition: all .3s } .sct_qiye .con:hover { top: -10px } .sct_qiye div.con .img { flex: 0; text-align: center; height: 80px; display: flex; align-items: center; justify-content: center } .sct_qiye .sinfo { flex: 0; text-align: center; line-height: 43px } .sct_smenu1 { padding: 0 } .sct_smenu1 div.con a { line-height: 100px; margin: 20px auto; display: inline-block; text-align: center; width: 100%; background: #fff; border: 1px solid #e9e9e9; border-right: none } .sct_smenu1 .row>div:last-child a { border-right: 1px solid #e9e9e9 } .sct_smenu1 a:hover span { color: #F63335 } .sct_smenu1 div.con i { margin-right: 10px } .sct_smenu1 div.con span { font-size: 16px } .sct_xcx_items { padding-top: 15px; padding-bottom: 25px } .sct_xcx_items .row.item { padding-top: 28px; padding-bottom: 38px } .sct_xcx_items .row.item2 { padding-bottom: 0 } .sct_xcx_items .row.item3 { padding-top: 20px; } .sct_xcx_items .row.item3 .txt { margin-top: 40px; } .sct_xcx_items .item3 div.img img { position: relative; top: 30px } .sct_xcx_items h3 { margin-bottom: 30px } .sct_xcx_items li { margin-bottom: 27px } .sct_xcx_items .h2_sct_ttl + p { font-size: 16px } .sct_xcx_items .p1 { font-size: 18px; margin-bottom: 6px } .sct_xcx_items .links1 { padding-top: 0px } .sct_xcx_items .linkmore { border-radius: 4px; margin-right: 17px; font-size: 14px } .sct_xcx_items .linkmore:first-child { background: #F63335; color: #fff } .sct_xcx_items .linkmore:first-child:hover { background: #2e7dff; border-color: #2e7dff } .sct_hangye div.con li { width: 20%; height: 148px } .sct_hangye li:nth-child(5n+5) .bor { border-right: 1px solid #E9E9E9 } .sct_hangye .img { margin-top: 43px; margin-bottom: 20px } .sct_yingyong { background: url(../images/xiaochengxu/bg1.png) center/cover } .sct_yingyong .con.con1 { background: rgba(48, 56, 77, .5); border: 1px solid rgba(84, 94, 124, .5); border-radius: 8px; padding-top: 0; height: 220px; transition: all 0.3s ease-in-out } .sct_yingyong .con.con1:hover { box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); transform: scale3d(1.1, 1.1, 1) } .sct_yingyong .img { margin-bottom: 0; margin-top: -7px } .sct_yingyong .img+ p { margin-top: -10px } .sct_yingyong .p1 { padding: 0 66px; color: #AEB4C3 } .sct_yingyong .more { display: block; width: 194px; height: 53px; background: linear-gradient(-55deg, rgba(0, 65, 232, 1), rgba(0, 100, 252, 1)); box-shadow: 0px 10px 20px 0px rgba(0, 65, 232, 0.3); border-radius: 0px 10px 0px 10px; color: #fff; font-size: 16px; text-align: center; line-height: 52px; margin: 30px auto 0; transition: all .3s } .sct_yingyong .more:hover { background: #2e7dff } .sct_texing .i_ttl { margin-bottom: 40px } .sct_texing .con { height: 170px; background: rgba(255, 255, 255, 1); margin-bottom: 22px; padding-top: 3px } .sct_texing .img { margin-bottom: -10px } .sct_texing p { margin-bottom: 5px } .sct_last2 { height: 220px; padding-top: 35px; background: #f0f5ff url(../images/xiaochengxu/bg3.png) no-repeat center/auto 100% } .sct_last2 .p1 { color: #000 } .sct_last2 .p2.c7b { text-align: center } .sct_last2 div.txtc a { width: 170px; height: 45px; background: rgba(0, 82, 217, 1) } .sct_last2 div.txtc a:hover { background: #2e7dff !important } .sct_last3 { height: 220px; padding-top: 35px; background: #f0f5ff url(../images/xiaochengxu/bg3.png) no-repeat center/auto 100% } .sct_last3 .p1 { color: #000 } .sct_last3 .p2.c7b { text-align: center } .sct_last3 div.txtc a { width: 170px; height: 45px; background: rgba(0, 82, 217, 1) } .sct_last4 { height: 160px; background: url(../images/xinmeiti/bg2.jpg) no-repeat center/cover; padding-top: 30px } .sct_last4 a { height: 40px; line-height: 40px; width: 140px } .sct_last4 a:hover { border-color: #fff !important } .sct_ruanwen_items { padding-top: 55px } .sct_ruanwen_items2 { padding-bottom: 0 } .sct_ruanwen_items .p1 { font-size: 20px; margin-bottom: 10px } .sct_ruanwen_items .sinfo { font-size: 16px } .sct_ruanwen_items .linkmore { width: 192px } .sct_ruanwen_items .item1 .img { padding-left: 30px } .sct_ruanwen_items .item2 .txt { position: relative; top: 80px; padding-right: 50px } .sct_ruanwen_items .item3 .txt { position: relative; top: 90px } .sct_ruanwen_items .item3 .img { padding-left: 30px } .sct_ruanwen_items2 .item2 .txt { top: 38px } .sct_ruanwen_gongju { padding: 60px 0 } .sct_ruanwen_gongju .con:hover { box-shadow: 0px 0px 20px 0px rgba(35, 24, 21, 0.1) } .sct_ruanwen_gongju .con:hover a { background: #F63335; color: #fff } .sct_ruanwen_gongju .con.con1 { position: relative } .sct_ruanwen_gongju img { display: block; margin: 0 auto 15px } .sct_ruanwen_gongju .cuxiao { position: absolute; right: 0; top: 0 } .sct_ruanwen_gongju .p1 { margin-top: 0; margin-bottom: 0 } .sct_ruanwen_gongju .con2 .p1 { margin-top: 25px } .sct_ruanwen_gongju p.p1 span { font-size: 20px; color: #535353 } .sct_ruanwen_gongju .more { width: 324px; height: 52px; background: rgba(255, 255, 255, 1); border: 1px solid rgba(0, 82, 217, 1); box-shadow: 0px 0px 20px 0px rgba(0, 38, 101, 0.1); border-radius: 26px; display: block; text-align: center; margin: auto; line-height: 52px; font-size: 16px; position: absolute; bottom: 60px; left: 50%; margin-left: -162px; color: #F63335; transition: all .4s } .sct_ruanwen_gongju .con { height: 380px; border: 1px solid rgba(229, 229, 229, 1); padding: 50px 0 } .sct_ruanwen_changjing div { text-align: center } .sct_ruanwen_changjing .con { height: 330px; background: rgba(255, 255, 255, 1); border: 1px solid rgba(238, 238, 238, 1); transition: all .3s } .sct_ruanwen_changjing .con:hover { box-shadow: 0px 0px 20px 0px rgba(35, 24, 21, 0.1) } .sct_ruanwen_changjing .con:hover .t { color: #F63335 } .sct_ruanwen_changjing img { display: block; margin: 40px auto 18px } .sct_ruanwen_changjing span.t { display: block } .sct_ruanwen_changjing ul { margin-top: 20px; text-align: left; display: inline-block } .sct_ruanwen_changjing li:before { display: inline-block; vertical-align: middle; background: #A9A9A9; width: 4px; height: 4px; border-radius: 50%; content: ""; margin-right: 6px } .sct_ruanwen_changjing li { font-size: 16px; color: #666; line-height: 29px } .sct_ruanwen_chajian .con { width: 100% } .sct_ruanwen_chajian ul { display: flex; width: 100% } .sct_ruanwen_chajian li:hover { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 4px } .sct_ruanwen_chajian li { flex: 1 1 auto; text-align: center; height: 130px } .sct_ruanwen_chajian img { display: block; margin: 20px auto 20px } .sct_ruanwen_chajian .more { width: 192px; height: 43px; background: rgba(0, 82, 217, 1); box-shadow: 0px 0px 20px 0px rgba(0, 82, 217, 0.3); border-radius: 4px; margin: 50px auto 0; display: block; color: #fff; line-height: 42px } .sct_news_one { background: #f7f8fa; padding-bottom: 50px } .sct_news_one .con li { width: calc(50% - 48px); line-height: 42px; background: url(../images/ar1.png) no-repeat left -16px; border-bottom: 1px dashed #D5D5D5 } .sct_news_one .con li:hover { background-position: left 16px } .sct_news_one .con li:nth-child(odd) { margin-right: 48px } .sct_news_one .con li:nth-child(even) { margin-left: 48px } .sct_news_one .con li:nth-last-child(-n+2) { border: none } .sct_news_one li a { font-size: 16px } .sct_news_one .time { color: #909090; font-size: 16px; right: 0 } .sct_crm_items h3 { margin-bottom: 15px } .sct_crm_items .p1 { color: #535353; font-size: 16px } .sct_crm_items .links1 a { box-shadow: 0px 0px 20px 0px rgba(0, 82, 217, 0.3); display: inline-block } .sct_crm_items div.img img { display: inline } .sct_crm_items .sinfo { font-size: 14px; line-height: 24px; margin: 25px 0 35px } .sct_crm_items .item1 .txt { padding-right: 19px } .sct_crm_items .item1 .img { padding-left: 30px } .sct_crm_items .item2 .txt { top: 10px; padding-left: 18px; padding-right: 0 } .sct_crm_items .item3 { margin-top: 10px; } #sct_crm_items.sct_crm_items .item4 { margin-top: 55px; margin-bottom: 20px; padding-bottom: 0; } .sct_crm_items .item3 .txt { top: 60px; padding-right: 10px } .sct_crm_items .item3 .img { padding: 0; text-align: right } .sct_fangan { background-image: url(../images/crm/bg1.png); padding-bottom: 72px } .sct_fangan .h2_sct_ttl + p { color: rgba(164, 170, 185, 1) } .sct_fangan .slick-dots { border-right: 1px solid #848484; padding-bottom: 0 } .sct_fangan .slick-dots li { font-size: 16px; line-height: 30px; padding-left: 18px; color: #fff; cursor: pointer; border-right: 3px solid transparent; margin-right: -1px; margin-bottom: 14px; position: relative; user-select: none } .sct_fangan .slick-dots li.slick-active { color: #F63335 } .sct_fangan .slick-dots li.slick-active:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; top: 50%; right: -7px; background: #F63335; border-radius: 50%; margin-top: -5px } .sct_fangan .logos { display: flex; justify-content: space-between; padding-top: 26px; border-top: 1px dashed #848484; margin-top: 12px } .sct_fangan .slick-slider { width: calc(100% - 120px); float: left; padding-left: 42px } .sct_fangan .p2.f14 { color: #A4AAB9 } .sct_fangan .p1.f18 { line-height: 30px; margin-top: 20px } .sct_fangan .linkmore { background: #F63335; color: #fff; margin: 17px 0 27px; line-height: 42px; width: 142px; text-align: center; border-radius: 4px; font-size: 14px } .sct_fangan .i_ttl { margin-bottom: 40px } .sct_fangan .h2_sct_ttl { color: #fff } .sct_fangan .fl.hdl { width: 120px } .sct_fangan .sinfo { line-height: 24px; color: #E0E0E0; margin-top: 13px } .sct_zizhi .con { height: 120px; border: 1px solid rgba(233, 233, 233, 1); padding: 22px 35px; padding-left: 80px; position: relative } .sct_zizhi div.con i { position: absolute; left: 35px } .sct_zizhi .zhengshu { display: flex; justify-content: space-between } .sct_zizhi .in { margin-top: 40px } .sct_zizhi .line { position: relative; display: inline-block; margin-bottom: 20px } .sct_zizhi .line:after, .sct_zizhi .line:before { content: ""; display: block; position: absolute; width: 260px; height: 1px; top: 50%; left: -276px; background: #DBDBDB } .sct_zizhi .line:after { left: auto; right: -276px } .sct_zengzhang { background: #262d3f url(../images/crm/bg2.png) no-repeat center bottom/cover } .sct_zengzhang h2 { color: #fff; margin-bottom: 20px } .sct_zengzhang .items { display: flex; justify-content: space-between } .sct_zengzhang .item { text-align: center } .sct_zengzhang .item .percent { display: block; width: 140px; height: 140px; background: transparent no-repeat; text-align: center; line-height: 140px; font-size: 26px; font-weight: bold; color: #fff } .sct_zengzhang .item .txt { font-size: 16px; margin-top: 18px; display: block } .sct_zengzhang .item1 .percent { background-image: url(../images/crm/p60.png) } .sct_zengzhang .percent i { font-style: normal } .sct_zengzhang .item2 .percent { background-image: url(../images/crm/p45.png) } .sct_zengzhang .item3 .percent { background-image: url(../images/crm/p70.png) } .sct_zengzhang .item4 .percent { background-image: url(../images/crm/p50.png) } .sct_zengzhang .item5 .percent { background-image: url(../images/crm/p20.png) } .sct_zengzhang .linkmore { width: 192px; height: 43px; background: rgba(0, 82, 217, 1); box-shadow: 0px 0px 20px 0px rgba(0, 82, 217, 0.3); border-radius: 4px; color: #fff; margin: 50px auto 0; display: block } .sct_news3 { background: transparent; padding-bottom: 50px } .sct_youhua_xiaoguo .con { text-align: center; background: #fff; height: 360px; padding: 40px 35px; position: relative; transition: all .3s } .sct_youhua_xiaoguo .con:hover { box-shadow: 0px 0px 20px 0px rgba(61, 61, 61, 0.1); border-radius: 6px } .sct_youhua_xiaoguo .p1 { margin-top: 30px } .sct_youhua_xiaoguo .linkmore { width: 192px; height: 43px; border: 1px solid rgba(233, 233, 233, 1); border-radius: 4px; color: #7B7B7B; position: absolute; left: 50%; margin-left: -96px; bottom: 40px } .sct_youhua_xiaoguo .linkmore:hover { background: rgba(0, 82, 217, 1); box-shadow: 0px 0px 20px 0px rgba(0, 82, 217, 0.3); color: #fff } .sct_youhua_wenti { background: #1b1e2f url(../images/youhua/plate1.png) no-repeat center top; color: #fff; height: 634px } .sct_youhua_wenti .h2_sct_ttl { color: #fff } .sct_youhua_xuanze div.con1 ul { display: flex; justify-content: space-around; margin-bottom: 45px; padding: 10px 80px 0 } .sct_youhua_xuanze div.con1 li { text-align: center } .sct_youhua_xuanze .s1 { font-size: 46px; font-weight: bold; display: block; line-height: 62px } .sct_youhua_xuanze .s2 { color: #7B7B7B; font-size: 14px } .sct_youhua_xuanze .con { height: 260px; background: rgba(255, 255, 255, 1); box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.1); border-radius: 8px; text-align: center; padding: 40px 27px; transition: all .3s ease-in-out } .sct_youhua_xuanze .con:hover { margin-top: -10px } .sct_youhua_xuanze div.con i { display: block; text-align: center; margin: 20px auto 17px } .sct_youhua_xianqu .con1 { padding-left: 70px } .sct_youhua_xianqu .con2 { padding-left: 80px; padding-top: 18px } .sct_youhua_xianqu ul { margin-bottom: 40px } .sct_youhua_xianqu .linkmore { width: 155px; height: 49px; background: linear-gradient(-55deg, rgba(0, 82, 217, 1), rgba(12, 99, 242, 1)); border-radius: 6px; color: #fff; line-height: 46px } .sct_youhua_xianqu li { margin-bottom: 24px; padding-left: 32px; background: no-repeat left top } .sct_youhua_xianqu .li1 { background-image: url(../images/youhua/g1.png) } .sct_youhua_xianqu .li2 { background-image: url(../images/youhua/g2.png) } .sct_youhua_xianqu .li3 { background-image: url(../images/youhua/g3.png) } .sct_youhua_xianqu .li4 { background-image: url(../images/youhua/g4.png) } .sct_youhua_xianqu .li5 { background-image: url(../images/youhua/g5.png) } .sct_youhua_baojia { padding-bottom: 30px } .sct_youhua_baojia .con { text-align: center } .sct_youhua_baojia .t { margin-bottom: 20px } .sct_youhua_baojia table { margin-bottom: 40px } .sct_youhua_baojia table th { background: #F5F5F5; text-align: center; color: #535353; vertical-align: middle !important } .sct_youhua_baojia table td { background: #fff; color: #535353; padding: 12px 0 !important } .sct_youhua_baojia table td:nth-child(1) { background: #F5F5F5; color: #535353; vertical-align: middle } .sct_lc2 { background: #F63335; color: #fff; text-align: center; height: auto; padding-bottom: 60px } .sct_lc2 .i_ttl { margin: 0 auto 10px } .sct_lc2 .h2_sct_ttl { color: #fff; margin-bottom: 40px } .sct_lc2 .con { background: transparent; height: auto; border: none; box-shadow: none !important; padding: 0 } .sct_lc2 .con .img { top: 0; margin-bottom: 20px } .sct_lc2 .con:after { background: url(../images/youhua/ar.png) no-repeat } .sct_xmt_jingxuan .img { height: 241px; background: blue no-repeat center/cover; padding: 25px; color: #fff } .sct_xmt_jingxuan .con1 .img { background-image: url(../images/xinmeiti/media-selection_01.png) } .sct_xmt_jingxuan .con2 .img { background-image: url(../images/xinmeiti/media-selection_02.png) } .sct_xmt_jingxuan .con3 .img { background-image: url(../images/xinmeiti/media-selection_03.png) } .sct_xmt_jingxuan div.img h3 { margin-top: 0 } .sct_xmt_jingxuan .p1 { padding-right: 140px } .sct_xmt_jingxuan .mlogos { height: 42px; display: flex; justify-content: center; align-items: center } .sct_xmt_jingxuan .more { width: 90px; height: 28px; border: 1px solid rgba(255, 255, 255, 1); border-radius: 4px; display: inline-block; text-align: center; color: #fff; line-height: 25px; font-size: 12px; margin-top: 10px } .sct_xmt_jingxuan ul { display: flex; flex-wrap: wrap; text-align: center } .sct_xmt_jingxuan li { width: 50%; height: 160px; overflow: hidden; padding-top: 17px; position: relative; border: 1px solid rgba(233, 233, 233, 1); margin-top: -1px; margin-left: -1px; flex: 1 0 50%; transition: all .3s } .sct_xmt_jingxuan li:hover { box-shadow: 0px 0px 20px 0px rgba(0, 82, 217, 0.3) } .sct_xmt_jingxuan .p2 { margin-top: 10px; margin-bottom: 0 } .sct_xmt_jingxuan .p3 { color: #666666 } .sct_xmt_jingxuan p.p3 strong { color: #FF7200; font-size: 18px } .sct_xmt_tejia .d1 p.fb { font-size: 26px } .sct_xmt_tejia .con.con1 { background-image: url(../images/xinmeiti/package-bj.png); height: 600px; width: 100%; overflow: hidden; padding: 0 } .sct_xmt_tejia .d1 .p1 { font-size: 16px; color: #fff } .sct_xmt_tejia div.d1 a { width: 105px } .sct_xmt_tejia .con.con2 { padding: 0; height: auto } .sct_xmt_tejia .in { border: 1px solid #e9e9e9; border-left-color: transparent; border-bottom-color: transparent; padding: 23px 20px 15px; text-align: left; position: relative; overflow: hidden } .sct_xmt_tejia .in:hover { border: 1px solid rgba(0, 82, 217, 1); box-shadow: 0px 0px 20px 0px rgba(0, 82, 217, 0.3) } .sct_xmt_tejia .in:hover .more { bottom: 0 } .sct_xmt_tejia .row2>div:nth-last-of-type(-n+3) .in { border-bottom-color: #e9e9e9 } .sct_xmt_tejia .p2 { font-size: 12px; color: #7B7B7B; line-height: 20px; padding-bottom: 31px } .sct_xmt_tejia .p1 { color: #333; font-size: 16px } .sct_xmt_tejia .jiage { color: #7B7B7B; position: absolute; bottom: 13px; margin: 0 } .sct_xmt_tejia p.jiage strong { color: #FF7200; font-size: 18px } .sct_xmt_tejia .more { background: red; width: 100%; height: 43px; background: linear-gradient(-55deg, rgba(1, 99, 246, 1), rgba(0, 82, 217, 1)); display: block; position: absolute; bottom: -45px; left: 0; text-align: center; line-height: 43px; color: #fff; transition: all .1s } .sct_xmt_cj1 { text-align: center } .sct_xmt_cj1 .con { height: 285px; background: rgba(255, 255, 255, 1); box-shadow: 0px 0px 20px 0px rgba(58, 58, 58, 0.1); padding: 40px 30px; position: relative; border: 1px solid transparent; transition: all .3s } .sct_xmt_cj1 .con:hover { border: 1px solid rgba(0, 82, 217, 1); box-shadow: 0px 0px 20px 0px rgba(0, 82, 217, 0.3) } .sct_xmt_cj1 .more:hover { background: linear-gradient(-55deg, rgba(1, 99, 246, 1), rgba(0, 82, 217, 1)); color: #fff } .sct_xmt_cj1 .img { margin-bottom: 30px } .sct_xmt_cj1 .sinfo { display: flex; flex-wrap: wrap } .sct_xmt_cj1 .more { position: absolute; bottom: 0; width: 100%; left: 0; height: 44px; border-top: 1px solid rgba(229, 229, 229, 1); line-height: 44px; transition: background .3s } .sct_xmt_cj1 p.sinfo span { flex: 0 0 50%; margin: 3px auto; text-align: left; color: #666; font-size: 14px } .sct_xmt_cj1 p.sinfo span:before { width: 4px; height: 4px; background: #aaa; border-radius: 50%; margin-right: 5px; content: ""; display: inline-block; vertical-align: middle } .sct_xmt_step { height: 682px; background: url(../images/xinmeiti/bh.jpg) no-repeat center/cover; color: #fff } .sct_xmt_step .i_ttl { margin-bottom: 40px } .sct_xmt_step .h2_sct_ttl { color: #fff } .sct_xmt_step .con { padding: 28px 10px; height: 250px; background: rgba(36, 43, 59, 1); border: 1px solid rgba(56, 65, 85, 1); box-shadow: 0px 0px 20px 0px rgba(60, 60, 60, 0.08) } .sct_xmt_step .con .img { position: static } .sct_xmt_step .step { margin: 0 auto; color: #fff; font-weight: bold; margin-bottom: 5px } .sct_xmt_step .sinfo { color: #B3B7C2 } .sct_xmt_step .con:after { background-image: url(../images/xinmeiti/arrow.png); top: 100px; margin-left: -6px } .sct_xmt_step .linkmore { height: 50px; background: rgba(0, 82, 217, 1); box-shadow: 0px 10px 20px 0px rgba(0, 65, 232, 0.3); border-radius: 4px; display: block; width: 190px; margin: 40px auto 0; color: #fff; line-height: 50px } .sct_xmt_client { margin-top: -210px; padding-bottom: 0; position: relative; margin-bottom: 60px } .sct_xmt_client:before { content: ""; background: #f7f8fa; display: block; width: 100%; height: calc(100% - 200px); position: absolute; top: 200px; z-index: 0 } .sct_xmt_client .con:before { box-shadow: 0px 0px 20px 0px rgba(121, 121, 121, 0.1); border-radius: 10px; background: #fff; content: ""; display: block; width: 100%; height: 471px; position: absolute; top: 0; left: 0; z-index: 1 } .sct_xmt_client .con { position: relative; padding: 60px 40px 0 } .sct_xmt_client .con * { position: relative; z-index: 3 } .sct_xmt_client .ul1 { display: flex; justify-content: space-around } .sct_xmt_client .s1 { font-size: 16px } .sct_xmt_client .p1 { margin-bottom: 2px } .sct_xmt_client .ul2 { display: flex; flex-wrap: wrap; margin-top: 30px; background: #fff } .sct_xmt_client ul.ul2 li { display: flex; width: 20%; text-align: center; border: 1px solid #e9e9e9; border-left-color: transparent; border-bottom-color: transparent; height: 140px; justify-content: center; align-items: center; transition: all .3s } .sct_xmt_client ul.ul2 li:hover { border: 1px solid rgba(0, 82, 217, 1) !important; box-shadow: 0px 0px 20px 0px rgba(0, 82, 217, 0.3) } .sct_xmt_client ul.ul2 li:nth-child(5n+1) { border-left-color: #e9e9e9 } .sct_xmt_client ul.ul2 li:nth-child(n+6) { border-bottom: 1px solid #e9e9e9 } .sct_news_xmt { padding-bottom: 60px } .sct_guanyu1 .aboutuscontent1 { line-height: 26px; margin-bottom: 40px } .sct_guanyu1 .col2 .txt { height: 299px; background: rgba(37, 41, 48, 1); display: flex; justify-content: center; align-items: center; font-size: 24px } .sct_guanyu2 { background: url(../images/guanyu/bg1.png) no-repeat center top } .sct_guanyu2 h2 { text-align: center; color: #fff } .sct_guanyu2 .row { margin-top: 156px; margin-bottom: 20px } .sct_guanyu2 .col1 .txt:nth-child(1) { background: #fff } .sct_guanyu2 .col1 .txt:nth-child(1) p { color: #333 } .sct_guanyu2 .col1 .txt:nth-child(2) { background: #3B3B3B } .sct_guanyu2 .col3 .txt:nth-child(2) { background: #0D6FE6 } .sct_guanyu2 .col2 .txt:nth-child(2) { background: url(../images/guanyu/bg2.jpg) no-repeat center/cover } .sct_guanyu2 .txt { height: 260px; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column } .sct_guanyu2 div.txt i { flex: 0 } .sct_guanyu2 div.txt p { width: 100%; flex: 0; font-size: 24px; margin-top: 25px; color: #fff } .sct_wenhua1 { text-align: center; padding-bottom: 60px } .sct_wenhua1 h2 { font-size: 32px } .sct_wenhua1 img { display: block; margin: 35px auto 30px } .sct_wenhua1 h3 { font-weight: bold; font-size: 20px } .sct_wenhua1 span { line-height: 23px; margin-top: 5px; display: block } .sct_rongyu .con { text-align: center; padding: 20px 15px } .sct_rongyu .img:hover { box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.2) } .sct_rongyu .img { height: 283px; display: flex; justify-content: center; align-items: center; border: 1px solid #eee; margin-bottom: 20px } .sct_rongyu .slick-dots { text-align: center; margin-bottom: 30px } .sct_rongyu .slick-dots li { display: inline-block; padding: 0 30px; color: #535353; cursor: pointer; font-size: 16px; position: relative; transition: all .3s } .sct_rongyu .slick-dots li:before { content: ""; display: block; position: absolute; width: 10px; height: 2px; top: 50%; left: 10px; background: #ffffff; transition: all .3s } .sct_rongyu .slick-dots li.slick-active:before { background: #F63335 } .sct_rongyu .slick-dots .slick-active { font-weight: bold; color: #F63335 } .body_yingxiao_detail { background: #F7F8FA } .body_yingxiao #maincontent { margin-top: 90px } .body_yingxiao_detail #maincontent { margin-top: 20px; padding-bottom: 50px } .body_yingxiao_detail #maincontent #news_right { padding-top: 40px } .body_yingxiao_detail #maincontent #news_right .box { margin-bottom: 10px } .body_yingxiao .infotime { margin-top: 10px; color: #909090; font-size: 12px; letter-spacing: 1px; display: block } #sct_help1 .con { height: 140px; background: rgba(255, 255, 255, 1); border: 1px solid rgba(231, 231, 231, 1); margin-bottom: 22px; position: relative; overflow: hidden; padding: 25px 30px; transition: all .3s } #sct_help1 .con:hover { border: 1px solid #F63335; box-shadow: 0px 0px 10px 0px rgba(84, 36, 0, 0.2); } #sct_help1 .con:hover .t { color: #F63335 } #sct_help1 .sinfo { margin-bottom: 13px } #sct_help1 div.con img { position: absolute; bottom: -10px; right: 10px } #sct_help2 .h3 { font-weight: 400; color: #333 } #sct_help2 div.h3 i { margin-right: 10px } #sct_help2 div.con ul { margin-top: 25px } #sct_help2 div.con li { border-top: 1px solid rgba(238, 238, 238, 1) } #sct_help2 div.con a { line-height: 50px; font-size: 15px; color: #666 } #sct_help2 div.con .more a { color: #F63335; } #sct_help2 div.con a:hover { color: #F63335 } #sct_help2 .more { color: #F63335 } #help_main .con_wrap { margin-top: 50px } #content_right { width: calc(100% - 300px); margin-bottom: 60px; } #content_right h1 { border-top: 1px solid #F0F0F0; margin: 22px 0 0; padding: 32px 0 26px; line-height: 1.1; font-size: 26px; color: #333 } #content_right #detail { color: #7B7B7B; font-size: 14px; line-height: 26px; border-bottom: 1px solid #F0F0F0; padding-bottom: 30px; margin-bottom: 30px } #content_right .prev_next { margin-bottom: 45px } #content_right .prev_next>div span { display: block; color: #9F9F9F; font-size: 14px } #content_right .prev_next>div a { color: #333; font-size: 16px; display: block; margin-top: 6px } #content_right .prev_next>div a:hover { color: #F63335 } #content_right .p3 a { color: #F63335 }